動的チェックボックス作成時のチェックボックス（クリック）角度4

Question

動的にチェックボックスを作成しています。私が欲しいのは、各チェックボックスが動的に作成された値を持つことです。チェックボックスをクリックすると、チェックボックスの値を配列に追加します。

ここに私が取り組んでいることがあります。私は軌道に乗っていますか？

<div *ngFor="let cuisine of cuisines" 
      class="col-md-10 col-md-offset-2 cuisineinput"> 

     <input type="checkbox" 
       id="{{cuisine.cuisine}}" 
       name="{{cuisine.cuisine}}" 
       (click)="cuisineappend({{cuisine.cuisine}})" 
       > {{cuisine.cuisine}} 

     </div> <!--cuisine div --> 

今イムは、それは私がcuisineappend部分に{{cuisine.cuisine}}を渡していますことを好きではない(click)="cuisineappend({{cuisine.cuisine}})"に苦情を取得します。どのように私は価値を渡すだろうか？

Answer 1

それは

<input type="checkbox" 
       id="{{cuisine.cuisine}}" 
       name="{{cuisine.cuisine}}" 
       (click)="cuisineappend(cuisine.cuisine)" 
       > 

{{カッコ

Working demo