AngularJS - 如何在ng-Repeat內引用屬性名稱

130

除了呈現對象中屬性的值之外，我還想將屬性名稱呈現爲標籤。有沒有辦法做到這一點ng-repeat？例如：AngularJS - 如何在ng-Repeat內引用屬性名稱

<ul> 
    <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> 
</ul>

可能吐出這樣的：

<ul> 
    <li>Name: John</li> 
    <li>Phone: (123) 456-7890</li> 
    <li>Country: England</li> 
</ul>

322

試試這個：

<ul> 
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li> 
</ul>

2012-06-08 19:31:13

+30

@Andy - 他們不是很好，真實LY。他們需要更簡單的實際代碼示例，如您在此處顯示的那樣。感謝您的回答，並請繼續發佈到StackOverflow;您的文章確實幫助我瞭解瞭如何訪問AngularJS文檔。最好的問候和upvote！ – noogrub

這麼簡單，但沒有想到它：D tnx！ – Guntram

如果我有一個像--- myFunc（鍵）---這需要鍵值這個gonne顯示我在html中的名稱鍵而不是值 –

與文件的問題是，它說(key, value)與空間...我花了一段時間才弄清楚，因爲它不起作用

2012-10-29 16:04:10 darkyndy

非常感謝。你是對的。逗號和值之間不能有空格。（鍵，值）不（鍵，值）。 –

Angular的新版本中可能有些不同，但是你可以在'（key，val）'之間有一個空格。我經常這樣做。 – EnigmaRM

我發現（鍵，值）不適合我。你是說因爲空白嗎？天啊！但是，謝謝。 –

回答