無効な属性を持つカスタム角度ボタンコンポーネントを作成する

Question

固有のHTMLボタン要素に基づいて独自のdisabledプロパティを含むカスタム角度コンポーネントを作成する方法を知りました。

disabledプロパティが含まれていないbutton要素の独自の実装があります。この機能を追加する方法と、使用できず、クリックできないことを確認したいと考えました。

おかげ

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/>