html - 如何在我的案例中设置多个类？

Question

我正在尝试在我的应用程序的 ng 类中设置多个条件。我有类似的东西

 <div id='wrapper' ng-class="{red: !isBlue(), 
                              highlight ? 'yellow' : 'black'}" 
 ng-show="test">Test</div>

JS

  $scope.highlight = false;

我的问题是我在 ng-class 条件下遇到了语法错误。

Syntax Error: Token ';' is unexpected, expecting [}] at column 48...

我不确定如何修复它。谁能帮我解决这个问题？谢谢!

Answer 1

你可以像这样使用多个类，你需要为 highlight 和 !highlight 添加单独的类

<div id='wrapper' 
                ng-class="{'red': !isBlue(), 'yellow':highlight ,'black':!highlight }"
                ng-show="test">
       Test
</div>

这是一个演示 Plunker (ng-class)

---

你有另一种选择 ng-style 你可以实现你尝试过的东西，

<div id='wrapper' ng-style="{color: (highlight ? 'yellow' : 'green')}" ng-show="test">Test</div>

这是演示 Plunker (ng-style)