Dynamisch Set Attribut für Komponente in HTML-Vorlage Winkel 2

Question

Ich versuche, ein Attribut für eine Komponente festzulegen, wenn ein bestimmter Ausdruck wahr ist. Könnte mir jemand ein Beispiel geben?

Was ich habe jetzt:

<div [danger]="inArray(choice.likers, user, id)"></div> 

aber nicht kompiliert.

inArray ist meine eigene Methode, die wahr oder falsch zurückgibt. Was ich möchte, ist zu sehen, wenn der Ausdruck true zurückgibt, wird der Ausgang

<div danger></div> 

In Winkel 1 da sein, war dies: ng-attr -... Anweisung, die genau tat die oben. leer

inArray() { 
    let value; 
    if (isInArray) { 
     value = ''; 
    } else { 
     value = null; 
    } 
    return value; 
    } 

so das Attribut:

Answer 1

Attribut setzt ein Attribut Bindung verwenden:

<div [attr.danger]="inArray(choice.likers, user, id)"></div> 

Wenn Sie ein leeres Attribut bedingt zurückgeben leeren String oder null in inArray() zeigen wollen oder das Gefahrenattribut existiert nicht. Das Ergebnis ist:

<div danger></div>