Semantic UIとAngular2の双方向バインディングSliderチェックボックス

Question

Angular2でJSON Schemaを使用してセマンティックUIスライダチェックボックスを動的に作成しました。 私はAngular2が双方向そのスライダーのチェックボックスをfine.but作業入力ボックスとの結合テスト、それは私にエラー

を与えて、プロパティを読み取ることができません未定義

の「値」

これは私のコンポーネントです。 htmlはここではスライダの2つのタイプのチェックボックスを使用しています.1つは入力タイプで、もう1つは入力タイプです。チェックボックスがあります。

<div *ngFor="let t of arrayTypeArray; let i=index;"> 
<label>{{LabelToDisplay[i][0]}}</label> 
<div *ngFor="let typeLiteral of sementicClass[i];let j=index;" (change)="disp();"> 
    <div class="ui form" *ngIf="typeLiteral === 'base' "> 
     <div class="grouped fields"> 
      <div class="field"> 
       <div class="ui slider checkbox"> 
        <input type="radio" name="throughput" checked="checked" [(ngModel)]="infoData[arrayLabelArrayKeys[i][j]]['Value']"> <!-- error--> 
        <label>{{LabelToDisplay2[i][j]}}</label> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="field" *ngIf="typeLiteral === 'alpha' ">  
     <div class="ui slider checkbox"> 
     <input type="checkbox" name="newsletter"> 
     <label>{{LabelToDisplay2[i][j]}}</label> 
     </div> 
    </div> 
</div> 

誰もがセマンティックUIのスライダーチェックボックスとの結合の双方向の使用方法を私を助けることができますか？

ありがとうございます。

Answer 1

ngModelを使用することができます。

<div *ngIf="data === 'boolean'"> 
     <label for="{{labels[i]}}">{{labels[i]}}</label> 
     <input type="checkbox" class="checkbox-inline" (change)="getJSON()" [(ngModel)]="model[labels[i]]" name="{{labels[i]}}"> 
</div>