如何选择Angular 4的表格单元格中的复选框?
问题描述:
在我的数据中,我有一个布尔值显示在表中。我将其表示为复选框。这个复选框如何显示值(选中/未选中)?如何选择Angular 4的表格单元格中的复选框?
这里是不工作的代码片段:
<tr *ngFor="let item of mf.data">
<td>{{item?.name}}<br><a href="#" class="text-success">{{item?.email}}</a></td>
<td class="text-center">
<input type="checkbox" [(ngModel)]='item.isManager'>
</td>
<td> {{item?.groupsAccess}}</td>
<td> {{item?.featuresAccess}}</td>
<td>{{item?.lastactive}}</td>
<td>{{item?.status}}</td>
<td>
<a href="javascript:;" ><i class="fa fa-cog" aria-hidden="true"></i> </a>
</td>
</tr>
这里是JSON:
{
"id": 0,
"name": "Demo Mgr",
"isAdmin":true,
"email": "[email protected]",
"groupsAccess": "All Drivers & Vehicles",
"featuresAccess": "All Features",
"lastactive" : "Jul 30 11:59 pm",
"status": "Active"
}
我如何选中此复选框被显示的数据是什么时候?
答
在你的html中似乎有一个错误。将其更改为以下内容:
<td class="text-center">
<input type="checkbox" [(ngModel)]='item.isAdmin'>
</td>
是的,应该是isAdmin而不是isManager。感谢您发现错误 –