在我的例子中如何设置多个 class

Question

我正在尝试在我的应用程序中设置 ng-class

我有这样的东西

$scope.myClass = 'class-A';

在这里做点什么……

$scope.myClass ='class-B';

在这里做点什么

$scope.myClass ='class-C';

html

<div ng-class="{myClass}"></div>

以上代码有效。问题是当我添加额外的一个时，它不再起作用了。

<div ng-class="{myClass, 'class-cool':openDialog}"></div>

我得到

Token ',' is unexpected, expecting [:] at column 15 of the expression

如果我单独使用它们而不是一起使用，它们会起作用。谁能帮我解决这个问题？非常感谢！

Answer 1

你可以这样做。 myClass 将始终设置，因为 true 将始终为真。

<div ng-class="{myClass:true, 'class-cool':openDialog}"></div>

How to setup multiple class in my case