Angular2 雙向綁定與 Semantic ui Slider 復選框

Question

我通過在 Angular2 中使用 JSON Schema 動態創建了語義 UI 滑塊復選框。 我用輸入框測試了 Angular2 雙向綁定，它工作正常。但是使用滑塊復選框，它給了我一個錯誤

無法讀取未定義的屬性“值”

這是我的 component.html 在這里我使用兩種類型的滑塊復選框，一種是輸入類型有收音機，另一種是輸入類型有復選框。

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