Angular2は、私が開発中で立ち往生しています、私はビューの一部にいくつかのチェックボックスを持って

Question

、チェックボックスにいくつかの助けをしたい、このすべては、これらの

ダイナミックファイルから来ているが、動的生成された入力タイプのチェックボックスです。すべてのチェックボックス

{ 
    "data" : [ 
     { "id": "1" , "value": "xyz" }, 
     { "id": "2" , "value": "abc" }, 
     { "id": "3" , "value": "abc1" }, 
     { "id": "4" , "value": "abc2" }, 
     { "id": "5" , "value": "abc3" }, 
     { "id": "6" , "value": "abc4" }, 
     { "id": "7" , "value": "abc5" } 
    ] 
} 

ため マスタデータは、これらは

<div class="ListSection" *ngFor="let why of whyClassification"> 
    <p> {{why.value}} </p> 
    <div class="checkbox checkbox-inline"> 
     <input type="checkbox" id="why_{{why.id}}" value="{{why.id}}" checked="confirmAvailability(why.id,'why')"> 
     <label></label> 
    </div 
</div> 

私はそれに機能を追加して試してみましたが、それはビュー時のコールを取得していないテンプレートでcheckked

[ 
{ 
    "id":"1","name":"xyz" 
}, 
{ 
    "id":"2","name":"abc" 
} 
] 

コードを来る必要があります私の目的を達成できるという見解はありますか？

Answer 1

あなたがする必要があるのは、チェックされたフィールドをtrueに初期化することだけです。 あなたのコードは次のようなものでなければなりません：

<div class="ListSection" *ngFor="let why of whyClassification"> 
     <p> {{why.value}} </p> 
     <div class="checkbox checkbox-inline"> 
      <input data-ng-if="why.id == '1' || why.id == '2'" "type="checkbox" id="why_{{why.id}}" value="{{why.id}}" checked="true"> 
      <input data-ng-if="why.id != '1' || why.id != '2'" "type="checkbox" id="why_{{why.id}}" value="{{why.id}}" checked="false"> 
      <label></label> 
     </div> 
    </div> 

Answer 2

角度2中での発現に（例えば確認など）プロパティをバインドするためのテンプレートの構文はブラケットです。

<div class="ListSection" *ngFor="let why of whyClassification"> 
    <p> {{why.value}} </p> 
    <div class="checkbox checkbox-inline"> 
     <input type="checkbox" id="why_{{why.id}}" [value]="why.id" [checked]="confirmAvailability(why.id,'why')"> 
     <label></label> 
    </div> 
</div>