Question

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

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

我放了 @Input('disabled') public _disabled: boolean; 在我的自定义组件中而且我把我的自定义组件模板中的按钮上的[disabled]=_disabled。问题是上述方法无效，并且更改[disabled]属性也无法启用/禁用按钮。

Answer 1

我认为以下代码也可能有帮助，但仍然无法正常工作

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

Answer 2

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

您可以在此处找到示例：