Wie Angular 2 Ereignisse und Eigenschaften

Question

Statt direkt Anwendung [disabled] = "true" im HTML-Code wickeln, wie folgt aus:

<button [disabled]="true"> disable Button </button> 
    //or like this 
<button [disabled]="isDisabled()"> disable Button </button> 

ich Angular2 wickeln will [disable] Ereignis oder Objekt etwas wie folgt aussehen:

HTML:

<button ButtonFunc.isDisabled(true)> disable Button </button> 

Typoskript:

export class ButtonFunc { 

    constructor(){} 


    public isDisabled(disabledState : boolean) : boolean{ 
    [disabled]=disabledState; 
    } 
} 

Ich möchte diese Funktion ButtFunc.isDisabled() für mich die Aufgabe, zu deaktivieren HTML-Taste zu tun.

Ist es möglich, Angular2 aus der HTML-Datei "radikal" zu eliminieren und in eine Low-Level-Klasse zu packen und dann Angualr2 aus dieser Low-Level-Klasse über Funktionen aufzurufen und zu verwenden? Und wie geht das?

Answer 1

Ich glaube, Sie sind mehr für diese Suche:

<button [disabled]="isDisabled()"> disable Button </button> 

isDisabled(){ 
return calculated && this.available // for example 
}