2017-04-27 116 views
2

我想訪問dashboardCtrl.labelColors中另一個數組的dashboardCtrl.labels的索引。我嘗試了以下但未成功。如果我只打印{{$指數}}是越來越成功打印}}訪問另一個數組的一個數組的索引

<div class="row" ng-repeat="i in dashboardCtrl.labels"> 
           <div id="circle" style="background:green"></div>{{i}} 
           <label>{{dashboardCtrl.labelColors[{{$index}}]}}</label> 
          </div> 
+1

嘗試只指數不{{指數}} – Jenny

回答

2

請執行以下操作。只是$index{{dashboardCtrl.labelColors[$index]}}代替{{dashboardCtrl.labelColors[{{$index}}]}}

<div class="row" ng-repeat="i in dashboardCtrl.labels"> 
    <div id="circle" style="background:green"></div>{{i}} 
    <label>{{dashboardCtrl.labelColors[$index]}}</label> 
</div> 

編輯

在角JS動態應用CSS樣式屬性

ng-style="{'background-color': dashboardCtrl.labelColors[$index]}" 
+0

是的,這解決了我的問題這是動態分配樣式的相同方式

{{i}} – Delfin

+0

我們使用ng樣式。我在答案的編輯部分添加了一個小型演示。 – Rakeschand

+0

明白了吧..當場! – Delfin

3

你不需要嵌套括號{{}}。試試這個

<div class="row" ng-repeat="i in dashboardCtrl.labels"> 
    <div id="circle" style="background:green"></div>{{i}}        
    <label>{{dashboardCtrl.labelColors[$index]}}</label> 
</div> 
相關問題