angular - 多个切换类

在<span>元素上，我有以下html：

<span (click)="openLeft()"></span>

a@Component的方法设置一个变量：

private isOpen: boolean;
openLeft() {
    this.isOpen = !this.isOpen;
}

最后，我需要在另一个元素上设置一个类，就像在jquery中一样：

$('.collapse').toggleClass('in').toggleClass('hidden-xs').toggleClass('visible-xs');

因此，我需要根据boolean变量添加/删除多个类。
我怎样才能做到这一点？

最佳答案

[ngClass]="{'collapse': isOpen, 'hidden-xs': isOpen, 'visible-xs': isOpen}"

或

[ngClass]="isOpen ? ['collapse', 'hidden-xs', 'visible-xs'] : []"

关于angular - 多个切换类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38877429/