Question

我是Angular的新手，我正在尝试根据它循环的数组的值向表行添加一个类，如下所示：

        <tbody>
            <tr ng-repeat="change in changes|filter:query|orderBy:predicate:reverse">
                <td>{{change.Infrastructure_Change_ID}}</td>
                <td  ng-class="{red: '{{change.Executive_Summary}}' === 'Undefined'}">{{change.Executive_Summary}}</td>
            </tr>
        </tbody>

Executive_Summary包含自由文本，它将正确匹配“未定义”并应用“红色”类。但是，此文本可以包含引号，斜杠和各种破坏角度的字符。我确定有一种方法可以添加类'red'，而不需要列中的所有'未终止的引用'。我现在已经在我的日志中了。

有什么建议吗？

Answer 1

ngClass接受一个表达式，因此您不必担心转义引号。

<td ng-class="{red: (change.Executive_Summary == undefined)}">
  {{change.Executive_Summary}}
</td>

<强> Example on jsfiddle

如何根据Angular中元素的值添加类？

1 个答案: