Dynamiczne ustawianie atrybutu komponentu w szablonie html kątowym 2

Question

Próbuję ustawić atrybut dla komponentu, jeśli pewne wyrażenie jest prawdziwe. Czy ktoś mógłby mi podać przykład?

Co mam teraz:

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

ale to nie skompilować.

inArray to moja własna metoda, która zwraca wartość true lub false. Co chciałbym zobaczyć to, jeśli wyrażenie zwraca wartość true, wyjście będzie

<div danger></div> 

W kątowej 1 nie było tak: NG-attr -... oświadczenie, że zrobił dokładnie powyżej.

Answer 1

Aby ustawić atrybut używać atrybut wiążącą:

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

Jeśli chcesz pokazać pusty atrybut warunkowo wrócić pusty ciąg lub wartość null w inArray():

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

więc atrybut będzie opróżnić lub atrybut niebezpieczeństwa nie istnieje. Wynik:

<div danger></div>