在html模板angular 2中動態設置組件的屬性

Question

如果某個表達式為true，我試圖在組件上設置屬性。 有人能舉個例子嗎？

我現在擁有的：

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

但這不編譯。

inArray是我自己的方法，返回true或false。 我想看到的是，如果表達式返回true，則輸出將為

<div danger></div>

在角度1中有這樣的：ng-attr -...聲明完全如上所述。

Answer 1

要設置屬性使用屬性綁定 ：

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

如果要顯示空屬性，請在inArray()有條件地返回空字符串或null：

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

所以該屬性將為空或危險屬性不存在。 結果是：

<div danger></div>