如何在angular 9中使表可内容编辑

<table>
  <tr *ngFor="let item of items">
    <td>
      <input [(ngModel)]="item.name" [disabled]="!item.editable" />
    </td>
    <td>
      <input [(ngModel)]="item.age" [disabled]="!item.editable" />
    </td>
    <td>
      <button (click)="toggleEdit(item)">编辑</button>
    </td>
  </tr>
</table>

export class AppComponent {
  items = [
    { name: 'John', age: 25, editable: false },
    { name: 'Jane', age: 30, editable: false },
    { name: 'Bob', age: 35, editable: false }
  ];

  toggleEdit(item) {
    item.editable = !item.editable;
  }
}

input[disabled] {
  background-color: #eee;
}