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

Question

我有一个 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。

我想不出一个好的方法来做到这一点，我一直在寻找某种初始化事件来使用，但没有运气。(这与现有(更改)事件无关)

希望能帮到你，在此先感谢

Answer 1

你可以像这样绑定(bind)到checked

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