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

现在我收到关于(click)="cuisineappend({{cuisine.cuisine}})"的投诉，我不会将{{cuisine.cuisine}}传递给cuisineappend部分。我将如何传递该值？

Answer 1

应该是

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

不需要{{括号

Working demo

复选框（单击）动态复选框创建时的角度4

1 个答案: