javascript - AngularJs:具有多个语句的 ngClass

Question

这个问题已经有答案了:

Adding multiple class using ng-class (12 个回答)

已关闭 8 年前。

我需要通过一个 ng-class 添加两个类定义

一个看起来像

{true: 'bar', false: ''}[someVar === 'bar']

另一个看起来像

{foo: someOtherVar === 'foo'}

如果我加入他们

<div ng-class="{true: 'bar', false: ''}[someVar === 'bar'],{foo: someOtherVar === 'foo'}">

这不起作用。正确的语法是什么？

Answer 1

您需要先将 css 类放在引号中，然后再将计算结果为 true 或 false 的语句放在引号中。

例如:

<div ng-class="'bar':someVar==='bar', 'foo':someOtherVar ==='foo'>