javascript - 如何根据html内容使用ng-class - AngularJS

Question

我使用 ng-repeat 将数组中的每个元素打印为 HTML 段落。

<p ng-repeat="item in queries track by $index">{{ item }}</p>

结果是:

------------ title 1 --------------
content 1
------------ title 2 --------------
content 2
------------ title 3 --------------
content 3
------------ title 4 --------------
content 4

问题是我似乎不知道如何自定义样式段落(例如 color:red;)。

Answer 1

您添加 ng-class 属性

<p  ng-repeat="item in queries track by $index" 
              ng-class={someCustomClass: item.title} >{{ item }}</p>

如果上面的方法不起作用，那么这应该

<p  ng-repeat="item in queries track by $index" 
            ng-class={someCustomClass: Boolean(item.title) } >{{ item }}</p>

如果我错了，想法是向 ng-class 提供一个对象文字，其中键是类名，值是应用该类的条件

所以 ng-class={ theClassNameToUse: TheCondition }