checkbox (click) angular 4 on dynamic checkbox creation

Question

So I am dynamically creating checkboxes. What I want is for each checkbox to have a value which is dynamically created. On click of the checkbox I want the values of the checkbox to append to an array.

Here is what I am working on. Am I on track?

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

now Im getting an complaint on the (click)="cuisineappend({{cuisine.cuisine}})" it doesn't like that I am passing{{cuisine.cuisine}} to the cuisineappend part. How would I pass the value?

jitender · Accepted Answer · 2017-12-04 03:32:46Z

1

It should be

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

no need of {{ brackets

Working demo

edited Dec 4, 2017 at 3:32

answered Dec 4, 2017 at 3:28

jitender

10.4k1 gold badge21 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user6781560 Over a year ago

I will, I had to wait for the time to pass so I could.

Collectives™ on Stack Overflow

checkbox (click) angular 4 on dynamic checkbox creation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related