angular 8如何禁用子组件在父组件中多次使用按钮

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <button [disabled]="isDisabled">按钮</button>
  `
})
export class ChildComponent {
  @Input() isDisabled: boolean;
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [isDisabled]="disableButton"></app-child>
    <app-child [isDisabled]="disableButton"></app-child>
    <button (click)="toggleButton()">切换按钮状态</button>
  `
})
export class ParentComponent {
  disableButton: boolean = false;

  toggleButton() {
    this.disableButton = !this.disableButton;
  }
}