Erstellen von benutzerdefinierter Winkeltastenkomponente mit deaktiviertem Attribut

Question

Ich frage mich, wie es für mich möglich wäre, eine benutzerdefinierte Angular-Komponente zu erstellen, die auf dem nativen HTML-Schaltflächenelement basiert und eine eigene disabled-Eigenschaft enthält.

Wir haben derzeit unsere eigene Implementierung des button Elements, das keine disabled Eigenschaft enthält, und ich wollte wissen, wie ich diese Funktionalität hinzufügen und sicherstellen kann, dass es unbrauchbar und nicht klickbar bleibt.

Dank

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