使用禁用属性创建自定义角度按钮组件

Question

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

我们目前有自己的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/>