复选框（单击）角度 4 动态复选框创建答案

【问题标题】：checkbox (click) angular 4 on dynamic checkbox creation复选框（单击）角度 4 动态复选框创建
【发布时间】：2018-05-17 11:39:41
【问题描述】：

所以我正在动态创建复选框。我想要的是每个复选框都有一个动态创建的值。单击复选框时，我希望复选框的值附加到数组中。

这就是我正在做的事情。我走上正轨了吗？

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

现在我收到了对 (click)="cuisineappend({{cuisine.cuisine}})" 的投诉，我不喜欢将{{cuisine.cuisine}} 传递给 cuisineappend 部分。我将如何传递价值？

【问题讨论】：

标签： forms angular checkbox dynamic

【解决方案1】：

应该是

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

不需要{{ 括号

Working demo

【讨论】：

我会的，我必须等待时间过去，这样我才能做到。