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>

Answer 2

  <ion-row class="item1" >
  <ion-col size="7">
  <p>Photo</p>
  </ion-col> 
  <ion-col  size="2.5" class="item11" height-10>
  <img src="assets/img/profile_pic.png">
  </ion-col>
  <ion-col size="1.2" >
  <img src="assets/img/plus2.png">
  </ion-col>
  </ion-row>

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

2 个答案: