* ngFor循环中的Angular 5复选框,并获取选中和取消选中的特定复选框

时间:2018-04-26 07:26:21

标签: checkbox angular5 ngfor

Angular 5中的任何想法,我在* ngFor循环中有复选框,所以我想知道这是如何获得检查中的更改并取消选中* ngFor中的特定复选框。

我有一些代码如下

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

我希望从特定复选框中获取选定和未选中的值。

1 个答案:

答案 0 :(得分:0)

您只需在输入中添加以下内容:

[checked]="someExpression"

如果您愿意,可以调用一个函数来传递当前的插件,如

[checked]="isChecked(addon)"