Question

我想动态地将两个类添加到一个按钮。

一个类是一个简单的变量引用，另一个类需要使用条件逻辑。

这是我的代码：

<button type="button" class="btn btn-circle btn-xl "
  *ngFor="let node of warriorNodesList"
  [ngClass]="node.name"
  [ngClass]="{'btn-info':node.isLocked == true ,'btn-danger':node.isLocked == false}"
  (mouseover)="display($event, node)">
  <span>{{node.name}}</span>
</button>

第一个类是name变量的node属性：

*ngFor="let node of warriorNodesList"
        [ngClass]="node.name

第二个是条件表达式：

[ngClass]="{'btn-info':node.isLocked == true ,'btn-danger':node.isLocked == false}

如何只在一个ngClass中添加所有内容？似乎只有一个ngClass绑定到一个元素而另一个被忽略。

Answer 1

这应该做你想要的：

[ngClass]="[ node.name, node.isLocked == true ? 'btn-info' : 'btn-danger' ]"

如何使用Angular动态添加两个类？

1 个答案: