如何在angular 7中使用json的true和false值使checked和unchecked成为复选框[重复]

Question

我有一个表，它的数据来自Angular7中的循环。这里一切都很好，但根据我的json，列中有“enable”：true和“enable”：false。这里如果我的值是true，应该选中复选框，如果值是false，应该在table中不选中复选框。下面是我的代码

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

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>