はJSONを持っている私はすべての質問を表示しますngのリピートを持って次の、私は、ユーザーが既に答えた答えを保存するJSONファイルを持って[OK]をJSON

Question

中のものと一致してngのリピートから回答を強調するために必要とそれらの質問に対する可能な答え......私が必要とするのは、JSONファイルを読み込んで、それらの値に対してng-repeatを見て、それらが来るときに、その1つの答えに別の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.useranswersJsoにロードされ、これらのセクションに私の質問をソート

....テキスト）の色を変更しますN ...

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はあなたが監視しています（または、あなたがのために強調するために期待している他のどんな条件）1になったとき - highlightのクラスが自動的に追加されます。その条件が偽の場合、それは除去されます。

EDITあなたはまた、おそらく意味

はない<ul>オーバー<li>要素を、反復処理する：

<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>