在html模板角度2中动态设置组件的属性

Question

如果某个表达式为真，我正在尝试在组件上设置一个属性。有人可以给我一个例子吗？

我现在拥有的：

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

但这不会编译。

inArray 是我自己的方法，它返回真或假。 我想看到的是，如果表达式返回true，输出将是

<div danger></div>

在 angular 1 中有这样的：ng-attr-... 完全符合上述要求的语句。

Answer 1

要设置属性，请使用 attribute binding：

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