角のある反応性のあるフォーム（チェックボックスあり）

Question

最近、私はこれらの反応性フォームの仕組みを理解しようとしています。 「*を変更するために、私はテンプレートにそれをレンダリングする必要がありますどのように

{ 
 
    "username": "", 
 
    "damnIt": "", 
 
    "checkboxes": [ 
 
    { 
 
     "checked": false, 
 
     "name": "Checked1", 
 
     "value": 10 
 
    }, 
 
    { 
 
     "checked": false, 
 
     "name": "Checked1", 
 
     "value": 11 
 
    }, 
 
    { 
 
     "checked": false, 
 
     "name": "Checked1", 
 
     "value": 12 
 
    } 
 
    ] 
 
}

：私はチェックボックスで、このような形式の構造を持っている場合、基本的な例（ノーネスティングなど）しかし、理解していますチェックされた "値（true | false）？

Answer 1

あなたはこのような何かを行うことができます：

<form #theForm="ngForm" (ngSubmit)="submitForm(theForm.value)"> 

     <div *ngFor="let cb of data.checkboxes"> 
     <label> 
      <input type="checkbox" [name]="cb.name" [(ngModel)]="cb.checked">{{cb.value}} 
     </label> 
     </div> 

    <button type="submit" class="btn btn-primary">Submit</button> 
    </form> 

    <pre>{{data.checkboxes|json}}</pre> 

参照Plunkrを：https://plnkr.co/edit/MpSO21fIJq1DtJoXmE3V?p=preview