2014-10-18 25 views
0

文檔:https://code.angularjs.org/1.2.26/docs/api/ng/directive/ngRepeatAngularJS ng-repeat如何獲取項目鍵?

的ngRepeat指令每個項目從 集合實例化一個模板一次。每個模板實例都有自己的作用域,其中給定的 循環變量設置爲當前的集合項目,並且$ index將 設置爲項目索引或鍵。

好像我得到指數不是關鍵


控制器:

$scope.items = { 
    "key1" : "val1", 
    "key2" : "val2" 
}; 

查看:

<div class="item" ng-repeat="item in items">{{ $index }} {{item}}</div> 

結果:

0 val1 
1 val2 

http://plnkr.co/edit/0g9EL6kqYcm4jNpdDZ9L?p=preview

我想顯示,在這種情況下應該是key1key2。有沒有特別的語法?

+2

這是你已經發現本文檔的恥辱,但甚至不能閱讀它完全... – Blackhole 2014-10-18 14:26:47

+0

對不起互聯網,你是對的。 – 2014-10-18 18:14:33

回答

2

嘗試

<div class="item" ng-repeat="(key, value) in items">{{ $index }} {{key}} {{value}}</div> 
0

它應該是這樣的:

<div class="item" ng-repeat="(key, val) in items">{{ key }} {{ val }}</div> 

這裏的plnkr:http://plnkr.co/edit/nWqK8rFVaKzzEpbAuqdx?p=preview

下面是從文檔的相應點:

(鍵,值)表達式中 - w這裏的鍵和值可以是任何用戶定義的標識符,表達式是範圍表達式,其中 集合要枚舉。

例如:({adam':10,'amalie':12}中的(姓名,年齡)。

https://code.angularjs.org/1.2.26/docs/api/ng/directive/ngRepeat

+0

解釋downvote ..!? – Reins 2014-10-18 14:27:24