在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>