Liaison bidirectionnelle Angular2 avec ui sémantique Curseur case à cocher

Question

J'ai créé une case à cocher de curseur UI sémantique dynamiquement en utilisant le schéma JSON dans Angular2. J'ai testé Angular2 deux voies de liaison avec l'entrée boîte son travail fine.but avec case curseur, il me donne une erreur

Impossible de lire la propriété « Value » undefined

Ceci est mon élément. html ici j'utilise deux type de case à cocher curseur est le type d'entrée a la radio et un autre est le type d'entrée a la case à cocher.

<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> 

Quelqu'un peut-il me aider à utiliser deux voies de liaison avec case à cocher curseur ui sémantique?

Merci d'avance.

Answer 1

En utilisant ngModel vous pouvez.

<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>