Question

我正在尝试在我的应用中设置ng-class中的多个条件。我有类似

的东西

 <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)

如何在我的情况下设置多个类？

1 个答案: