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

我有一个子组件，可以在父组件中多次使用，并执行不同的操作。现在，当我单击父组件中的按钮时，如何禁用子组件中存在的按钮

可以多次使用的My child组件：

从'angular2/core'导入{Component}

@Component({
    selector: 'my-product',
    template: `<button [disabled]="isDisableButton">select</button>`
})

export class MyCardComponent {
  @Input() isDisableButton = false;
}

此解决方案无法正常工作

正如您可以看到的，您实现的逻辑没有任何问题

可能您的子组件缺少导入

Input

decorator:

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

---

您可以通过组件输出事件执行此操作，您可以在中阅读

下面是一个非常简洁的示例，以保持简洁：

<button (click)="b.disabled = true">trigger component</button>
<button #b>react on trigger</button>

触发组件
按扳机反应

触发器按钮（作为父组件）具有单击事件的标准输出。（内联）事件处理程序采用模板引用（

#b

）直接操作禁用状态

---

如果将此转换为示例，则应使用

EventEmitter

实现输出

你能提供stack blitz链接吗？然后你能找出为什么它不起作用吗？正如你在Stackblitz上看到的，这很有效。

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

<button (click)="b.disabled = true">trigger component</button>
<button #b>react on trigger</button>