Définir dynamiquement l'attribut sur le composant dans le modèle html angulaire 2

Je suis en train de mettre un attribut sur un composant si une expression est vraie. Quelqu'un pourrait-il me donner un exemple?

Ce que j'ai maintenant:

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

mais cela ne veut pas compiler.

inArray est ma propre méthode qui retourne true ou false.
Ce que je voudrais voir, c'est, si l'expression renvoie true, la sortie sera

<div danger></div>

Angulaire 1 il y avait ceci: ng-attr-... déclaration qui a fait exactement la ci-dessus.

source d'informationauteur Bram | 2016-05-28

  1. 37

    Définir un attribut utilisation attribut de liaison:

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

    Si vous souhaitez afficher un attribut vide conditionnellement renvoie la chaîne vide ou null dans inArray():

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

    si l'attribut est vide ou que le danger de l'attribut n'existe pas. Le résultat est:

    <div danger></div>