Imposta dinamicamente l'attributo sul componente in template html angolare 2

Question

Sto tentando di impostare un attributo su un componente se una determinata espressione è vera. Qualcuno potrebbe darmi un esempio?

Quello che ho adesso:

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

ma questo non viene compilato.

inArray è il mio metodo che restituisce vero o falso. Quello che vorrei vedere è, se l'espressione restituisce true, l'uscita sarà

<div danger></div> 

In angolare 1 c'era questa: NG-attr -... dichiarazione che ha fatto esattamente quanto sopra.

Answer 1

Per impostare un attributo utilizzare attributo vincolante:

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

Se si desidera visualizzare un attributo vuoto condizionalmente tornare stringa vuota o null in inArray():

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

così l'attributo si svuota o l'attributo di pericolo non esiste. Il risultato è:

<div danger></div>