有一个JSON需要突出显示ng repeat中与JSON中的答案匹配的答案

Question

好的，我有一个JSON文件，它存储了用户已经回答的答案，接下来我还有一个ng repeat，它打印所有问题和这些问题的所有可能答案。。。。。。我需要的是加载JSON文件，并观察那些值的ng重复，当它们出现时。。。将不同的css类应用于该答案（例如，更改文本的颜色）。。。。

我有3个部分，下面的代码将我的问题分为部分

<ul style='display: inline-block' ng-repeat="(key, value) in q.flow" ng-if="q.sectionName == 'SectionName'">
<li>{{label(key)}}</li>
</ul>
<ul style='display: inline-block' ng-repeat="(key, value) in q.flow" ng-if="q.sectionName == 'SectionName2'">
<li>{{label(key)}}</li>
</ul>
<ul style='display: inline-block' ng-repeat="(key, value) in q.flow" ng-if="q.sectionName == 'SectionName3'">
<li>{{label(key)}}</li>
</ul>

JSON加载到$scope.useranswersJson…

Answer 1

我没有太多信息，但看起来你希望使用类似ng类的东西。以下是它的工作原理：

<ul style='display: inline-block' ng-class="{highlight: value === 'blah'}" ng-repeat="(key, value) in q.flow" ng-if="q.sectionName == 'SectionName'">
<li>{{label(key)}}</li>
</ul>

因此，当value成为您正在关注的（或您希望突出显示的任何其他条件）时，highlight类将自动添加。当该条件为false时，它将被删除。

编辑

您可能还想迭代<li>元素，而不是<ul>:

<ul style='display: inline-block' ng-if="q.sectionName == 'SectionName'">
<li ng-class="{highlight: value === 'blah'}" ng-repeat="(key, value) in q.flow">{{label(key)}}</li>
</ul>