Angular 使用@Input禁用/启用按钮

我想要的是更改作为自定义组件模板一部分的按钮的启用/禁用状态。这应该由@Input完成，用户应该能够做到：

<custom-component>
      [disabled]="true"
      [x]="false"
      [y]="false"
</custom-component>

[禁用]=“真”
[x] =“假”
[y] =“假”

我把

@Input（'disabled'）public\u disabled:boolean
在我的自定义组件中
我还把
[disabled]=\u disabled
在自定义组件模板中的“我的”按钮上。
问题是上述方法不起作用，更改[disabled]属性不会启用/禁用按钮

我认为下面的代码也有帮助，但它仍然不起作用

constructor(public elementRef: ElementRef) {
    var native = this.elementRef.nativeElement;
    var myattr = native.getAttribute("myattr");
}

您可以做的是将
[disabled]
的状态作为
输入（）传递给组件，并检查按钮中的属性以进行更改。
如果要更改按钮的禁用状态，只需使用
[disable]
属性，而不需要使用
[attr.disable]

您可以在此处使用该示例：

有什么问题吗？我在您的自定义组件中找不到按钮您说不工作是什么意思？你能说得更具体点吗？只要不在根组件上执行，它就会正常工作。请阅读本文件。