Question

我有一个角度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，我想把它设置为真。

我想不出一个很好的方法来做到这一点，我一直在寻找一些使用的init事件，没有运气。（这与激动（改变）事件无关）

我希望你能提供帮助，并提前致谢

Answer 1

您可以绑定到checked

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

Answer 2

也许你可以试试这个：

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

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

2 个答案: