Javascript 如何根据html内容使用ng类-AngularJS

我正在使用

ng repeat

将数组中的每个元素打印为HTML段落

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

---

问题是我似乎不知道如何自定义段落样式（例如

color:red；

）。

您添加了ng类属性

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

{{item}

如果上述方法不起作用，则应

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

{{item}

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

---

所以

ng class={theClassNameToUse:TheCondition}

您添加了ng class属性

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

{{item}

如果上述方法不起作用，则应

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

{{item}

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

---

所以

ng class={theClassNameToUse:TheCondition}

类似这样的操作可以：

<p  ng-repeat="item in queries track by $index" 
    ng-attr-style="{{ item.indexOf('title') != -1 ? 'color: red' : '' }}">{{ item }}</p>

{{item}

类似的方法可以：

<p  ng-repeat="item in queries track by $index" 
    ng-attr-style="{{ item.indexOf('title') != -1 ? 'color: red' : '' }}">{{ item }}</p>

{{item}

如果要使用ng类，可以使用以下语法：

ng-class="{'class-name': item.indexOf('title') >= 0}"

或者，您可以像这样使用ng样式：

ng-style="setColor(item)"

具有以下功能：

$scope.setColor = function (item) {
    if (item.indexOf("title") >= 0) {
        return { color: red };
    }
}

---

如果要使用ng类，可以使用以下语法：

ng-class="{'class-name': item.indexOf('title') >= 0}"

或者，您可以像这样使用ng样式：

ng-style="setColor(item)"

具有以下功能：

$scope.setColor = function (item) {
    if (item.indexOf("title") >= 0) {
        return { color: red };
    }
}

---

您可以在控制器或指令中的每个查询上设置一个color属性，然后只调用

项。color

我刚刚意识到Alexander Azizi的编辑删除了原始问题的一个重要部分-仅当项包含“title”一词时才应用类/样式。这大大改变了答案。您可以在控制器或指令中的每个查询上设置一个color属性，然后只调用

项。color

我刚刚意识到Alexander Azizizi的编辑删除了原始问题的一个重要部分-仅当项包含“title”一词时应用类/样式。这大大改变了答案。谢谢你@Gevorg Harutyunyan你的解决方案很好，（y）谢谢你@Gevorg Harutyunyan你的解决方案很好，（y）谢谢你@WonderGrub，你的解决方案对我很好。谢谢你@WonderGrub，你的解决方案对我很好。