Angular 5 Checkbox in *ngFor Loop and get check and unchecked particular checkbox

Question

Any Idea in Angular 5 where I have the checkbox in *ngFor loop so I want to know how this is getting the change in check and uncheck for the particular checkbox in *ngFor.

I have some code as below

<tr *ngFor="let addon of group?.item_addons; let i = index;">
   <td>
       <div class="form-check">
         <label class="form-check-label">
           <input class="form-check-input" type="checkbox" 
           (change)="onselectAddon(addon,$event,group,i)">
           <span class="form-check-sign"></span>
              {{addon.addons_name}}
         </label>
        <span class="float-right">+ {{addon.addons_price}}</span>
       </div>                                                                            
   </td>
</tr>

I want to get selected and unselected value from particular checkbox.

you forgot to add your code. Also it's not clear what are you asking. — Robdll
– Robdll, Commented Apr 26, 2018 at 7:29

Robdll · Accepted Answer · 2018-04-26 14:03:26Z

1

you can simply add to your input the following:

[checked]="someExpression"

if you prefer, you could call a function where you pass the current addon like

[checked]="isChecked(addon)"

answered Apr 26, 2018 at 14:03

Robdll

6,2837 gold badges35 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

Angular 5 Checkbox in *ngFor Loop and get check and unchecked particular checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related