2012-06-08 8 views
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> 
+30

@ Энди - они не такие большие, актуальные LY. Им нужны более простые примеры кода, как показано здесь. Спасибо за ваш ответ и, пожалуйста, продолжайте отправлять сообщения в StackOverflow; ваше сообщение действительно помогло мне понять, как получить доступ к документам AngularJS. С наилучшими пожеланиями и upvote! – noogrub

+0

так просто, но не подумал: D tnx! – Guntram

+0

Что делать, если у меня есть функция вроде --- myFunc (key) --- для этого нужно значение ключа, которое gonne показывает мне ключ ключа в html, а не значение –

28

Проблема с документацией является то, что он говорит (key, value) с этим пространством ... мне потребовалось некоторое время, чтобы понять, что из-за этого он не работает

+1

Большое спасибо. Ты прав. У вас не может быть пробела между запятой и значением. (ключ, значение) нет (ключ, значение). –

+8

Возможно, в новых версиях Angular разные вещи, но у вас может быть пробел между '(key, val)'. Часто я это делаю. – EnigmaRM

+0

Я нашел (ключ, значение) не работал для меня. Вы говорите, что это из-за пробела ??? Geez! Но спасибо. –