Имейте JSON, должен выделить ответы от ng-repeat, которые соответствуют тем в JSON

Question

Имейте JSON, должен выделить ответы от ng-repeat, которые соответствуют тем в JSON

0

Ok У меня есть файл JSON, в котором хранятся ответы, ответы на которые пользователь уже ответил, затем у меня есть ng-repeat, который печатает все вопросы и все возможные ответы на эти вопросы...... мне нужно загрузить JSON файл и посмотреть ng-repeat для этих значений и по мере их появления... применить к этому одному другому классу 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...

DaleW8 28 июль 2016, в 18:29

Источник

1

У вас есть пример JSON? Или какой-либо из фактического кода Angular?
itamar 28 июль 2016, в 15:38

Теги:

javascript

angularjs

json

matching

styles

1 ответ

Ещё вопросы

У вас есть пример JSON? Или какой-либо из фактического кода Angular?

itamar · Answer 1 · 2016-07-28T13-06-00.000Z

У меня мало информации, но похоже, что вы ожидаете использовать что-то вроде 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 будет автоматически добавлен. Когда это условие ложно, оно удаляется.

РЕДАКТИРОВАТЬ

Вероятно, вы также хотите перебрать элементы <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>