在ngFor Angular 2中的输入类型复选框上设置检查状态

美ga

我有一个angular 2应用程序,在这里我使用ngFor处理一堆复选框。当我初始化此组件时,我需要根据天气设置复选框的状态,一个id存在于数组中

<div *ngFor="let option of listOptionResponse.options" class="col-md-12">
        <div class="col-lg-12">
            {{option.headline}}
        </div>
        <div class="col-lg-2 col-md-2 ">
            <input type="checkbox" class="form-control"  (change)="ServiceAddOrRemove($event, option.id)" name="choose">
        </div>
    </div>

在组件中,我有一个数组,如果options.id存在于此数组中,我想将其设置为true。

我想不出一个好方法来做到这一点,而且我一直在寻找某种可以使用的初始化事件,但是没有运气。(与正在发生的(更改)事件无关)

希望您能提供帮助,并在此先感谢

贡特·佐克鲍尔

您可以绑定checked喜欢

<input type="checkbox" class="form-control"  (change)="ServiceAddOrRemove($event, option.id)" name="choose"  
    [checked]="ids.indexOf(option.id) != -1">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在ngFor Angular 2中的输入类型复选框上设置检查状态

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

在 Angular 6 上为 *ngFor 内的输入类型复选框启用双向数据绑定

来自分类Dev

Angular2 - 带有多个复选框的 NgFor

来自分类Dev

Angular 2 * ngFor语法

来自分类Dev

Angular 2 * ngFor问题

来自分类Dev

Angular 2 * ngFor语法

来自分类Dev

Angular 2 *ngFor 与算法

来自分类Dev

从 Angular 2 理解 *ngFor

来自分类Dev

ionic2 Angular 2绑定复选框,并在窗体内添加ngFor

来自分类Dev

ngFor的Angular 2内联样式

来自分类Dev

Angular 2 ngFor和ngIf

来自分类Dev

Angular 2 ngIf和ngFor

来自分类Dev

Angular2 :: NgFor ::承诺

来自分类Dev

groupby ngFor angular2

来自分类Dev

Angular 中 *ngFor 的递减索引

来自分类Dev

ngFor Angular 6 中的 LINQ

来自分类Dev

Angular 2 - 复选框列表 - 如何检查复选框的状态

来自分类Dev

在Angular2的ngfor内设置属性

来自分类Dev

在Angular2的ngfor内设置属性

来自分类Dev

在Angular2中过滤NgFor

来自分类Dev

嵌套ngFor中的Angular 2 ngModel绑定

来自分类Dev

ngfor中的angular2形式

来自分类Dev

Angular 2:ngFor中的对齐/定位项目

来自分类Dev

Angular2中的分组元素* ngFor

来自分类Dev

在 Angular2 中对 *ngFor 的承诺

来自分类Dev

在* ngFor中输入的内容无法平滑输入Angular 2

来自分类Dev

如何访问由 *ngFor 循环索引的复选框的选中属性 - Angular