如何使用角度7中json的真假值来选中和取消选中复选框[重复]

Question

我有一个表，其数据来自角度 7 中的循环。这里一切正常，但根据我的 json，列中有 "enable":true 和 "enable":false。如果我的值是应选中 true 复选框，如果值为 false 则应在表中取消选中复选框。这是我的代码如下

app.component.html

<table>
<tr *ngFor="let user of users">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td><input type="checkbox" checked></td>
</tr>
</table>

app.component.ts

import { Component, OnInit } from '@angular/core';
import { CommonserviceService } from './../utilities/services/commonservice.service';
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  getListData: any;

  constructor(private commonserviceService: CommonserviceService) { }

  ngOnInit() {


  }

  users = [{"id":1,"name":"test","enable":true},{"id":2,"name":"test","enable":false}];


}

Answer 1

试试这个：

<table>
    <tr *ngFor="let user of users">
        <td>{{user.id}}</td>
        <td>{{user.name}}</td>
        <td><input type="checkbox" [checked]="user.enable"/></td>
    </tr>
</table>