2017-08-16 50 views
-1

在我的数据中,我有一个布尔值显示在表中。我将其表示为复选框。这个复选框如何显示值(选中/未选中)?如何选择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" 
} 

我如何选中此复选框被显示的数据是什么时候?

回答

0

在你的html中似乎有一个错误。将其更改为以下内容:

<td class="text-center"> 
    <input type="checkbox" [(ngModel)]='item.isAdmin'> 
</td> 
+0

是的,应该是isAdmin而不是isManager。感谢您发现错误 –

相关问题