AngularJS - Як я можу посилатись на ім'я властивості в межах ng-Repeat


134

На додаток до надання значення властивостей об’єкта, я також хотів би вказати ім'я властивості як мітку. Чи є спосіб це зробити 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>

Відповіді:


337

Спробуйте це:

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

30
@Andy - насправді вони не такі великі. Їм потрібні більш прості приклади фактичного коду, як ви показали тут. Дякуємо за вашу відповідь і будь ласка, продовжуйте публікувати повідомлення в StackOverflow; ваша публікація дуже допомогла мені зрозуміти, як отримати доступ до документів AngularJS. З найкращими побажаннями та пропозиціями!
noogrub

так легко, але не думав про це: D tnx!
Гунтрам

що робити, якщо у мене є така функція, як --- myFunc (ключ) ---, мені потрібне значення ключа цього gonne, покажіть мені ключ імені в html, а не значення
Nejmeddine Jammeli

28

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


1
Дуже дякую. Ти правий. Ви не можете мати пробіл між комою та значенням. (ключ, значення) не (ключ, значення).
Чад ДеШон

9
Можливо, у нових випусках Angular все інакше, але між ними ви можете мати пробіл (key, val). Ось так часто я це роблю.
EnigmaRM

Я виявив (ключ, значення) не працював для мене. Ти кажеш, це через пробіл ??? Гез! Але спасибі
код-суші

2
Для мене працює і простір.
Шон Лаусон

вал проти значення, що впливає на простір?
Danny Mahoney
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.