创建具有禁用属性的自定义角度按钮组件

Question

我想知道如何创建一个自定义Angular组件，该组件基于本机HTML button元素并包含其自己的disabled属性。

当前，我们有自己的button元素实现，其中不包含disabled属性，我想知道如何添加此功能并确保它保持不可用和不可点击状态。

谢谢

Answer 1

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

@Component({
  selector: 'my-button',
  template: `<button [disabled]="disabledValue">button</button>`
})
export class MyButtonComponent  {
@Input()
public disabledValue: boolean;
}
//usage: <my-button [disabledValue]="true"><my-button/>