最初我想使用初始事件触发器将所有菜单推入状态为0的数组,然后如果检查则将其设为1,否则为0本身。当ngFor加载时,可以进行事件更改最初?
**app.html**
<div *ngFor="let menu of menus" class="checkbox">
<label>
<input type="checkbox" (change)="updateChecked(menu,$event)">
{{menu.name}}
</label>
</div>
答案 0 :(得分:1)
将您的menu.status
附加到[(ngModel)]
然后angular为您完成工作,您只需提供一个具有初始状态值的数组,复选框是1 or 0
,{{1我会根据复选框值更改状态值,当您切换复选框时,内部javascript会将ngModel
视为1 and 0
,因此true or false
将在输出中为menu.status
,下面是工作片段
true or false
打字稿文件中的
<ul>
<li *ngFor="let menu of menus; let i = index">
<label>
<input type="checkbox" [(ngModel)]="menu.status" (change)="updateChecked(menu, $event)" class="" />{{menu.name}}
</label>
</li>
</ul>