我有一个像这样的数组:
objectArray = [
{"name": "Car"},
{"name": "Bike"},
{"name": "Boat"},
{"name": "Plane"}
];
和这样的模板:
<li *ngFor="#obj of objectArray">
<a href="#" class="small" data-value="option1" tabIndex="-1">
<input type="checkbox" (change)="expression && expression.value = $event.target.checked ? true : undefind" [ngModel]="expression?.value">
<label for="">{{ obj.name }}</label>
</a>
</li>
但是,当1个复选框被选中,这是设置为true。如何分别设置?
我想这就是你想要的:
<li *ngFor="let obj of objectArray">
<a href="#" class="small" data-value="option1" tabIndex="-1">
<input type="checkbox"
(change)="expression && expression[obj.name]=$event.target.checked ? true : undefined"
[ngModel]="expression && expression[obj.name]">
</a>
</li>
更新使用(ngModelChange)
通常比更好是(change)
特别是如果[ngModel]
使用
<input type="checkbox"
(ngModelChange)="expression && expression[obj.name]= $event ? true : undefined"
[ngModel]="expression && expression[obj.name]">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句