将ngClass用于动态类和可选类

Question

我正在使用ngGrid并且在自定义单元格模板的过程中，我遇到了一种情况，我想使用ngClass创建动态类名称以及可选地添加另一个类在一个元素上。

我知道ngClass可以多种方式使用。我有兴趣合并的两个如下

<input type="text" data-ng-class="'colt' + col.index"/>

<input type="text" data-ng-class="{'error' : cptForm.$invalid}"/>

有没有结合ngClass的这些用法？像

这样的东西

<input type="text" data-ng-class="{'colt' + col.index: true, 'error' : cptForm.$invalid}"/>

或者，我可以在我的控制器上创建一个方法来完成创建这两个类的工作，但如果可以的话，我想在线工作。

Answer 1

我不完全确定您要做的是什么，但您可以在标准类属性中使用数据绑定，例如......

<div class="normal-class colt{{ col.index }}" 
     ng-class="{ 'error': cptForm.$invalid }"></div>

还不确定data-的{​​{1}}前缀是什么。

Answer 2

显然，第三种使用ngClass的方法是作为一个类数组。此数组可以包含任意javascript，并由angular解释。这就是我最终的目标：

<input type="text" data-ng-class="['colt' + col.index, cptForm.$invalid ? 'validation-error' :'' ]"/>

其他人将此作为答案发布，然后删除了答案，但效果很好！