angularjs - 复杂的 Angular JS ng-class

Question

我有该组件，但在为其设置 css 类时遇到问题。我希望它始终具有一类“box”，然后具有由指令“class”参数指定的其他类和一个条件类“mini”。

从概念上讲，我想要实现的是这样的:

<div class="box {{class}}" data-ng-class="{mini: !isMaximized}">
...
</div>

问题是，当我设置 class html 属性时，省略了 ng-class 属性。如何在不更改 Controller 的情况下使我的示例正常工作？是否有可能，或者我应该在 Controller 中设置类(我希望避免)？

Answer 1

一个快速的解决方案是在 ng-class 属性中定义盒子类:

<div data-ng-class="{mini: !isMaximized, box: true}"></div>

如果你想将作用域变量包含为类，则不能使用 ng-class:

<div class="{{class}} box {{!isMaximized && 'mini' || ''}}">

Angular 表达式不支持三元运算符，但可以像这样模拟:

条件&&(如果为真则回答)|| (如果错误请回答)