入力タイプのチェック状態をngFor Angular 2に設定しました

Question

角度2のアプリケーションがあります。ここではngForを使用して多数のチェックボックスを処理しています。私はこのコンポーネントを初期化するとき、私は天候に基づいて、チェックボックスの状態を設定する必要があり、私は配列を有し、options.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> 

のID excistsそれは本当です。

これを行うには良い方法はないと思うし、私は何かのinitイベントを探していた。 が

私はあなたが役立つことを願って、おかげで事前に（これはexcisting（変化する）イベントwhithは何の関係もありません）

Answer 1

あなただけ

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

Answer 2

おそらく、あなたはできるようにcheckedに結合することができ、この方法を試してください。

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