AngularJS - Bir ng-Repeat içinde özellik adına nasıl başvurabilirim


134

Bir nesnedeki özelliklerin değerini oluşturmanın yanı sıra, özellik adını etiket olarak da oluşturmak istiyorum. Bunu yapmanın bir yolu var mı ng-repeat? Örneğin:

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

Hangi böyle bir şey tükürebilir:

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

Yanıtlar:


337

Bunu dene:

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

30
@Andy - aslında çok iyi değiller. Burada gösterdiğiniz gibi daha basit gerçek kod örneklerine ihtiyaçları var. Cevabınız için teşekkürler ve lütfen StackOverflow'a göndermeye devam edin; yayınınız gerçekten AngularJS belgelerine nasıl erişeceğimi anlamama yardımcı oldu. Saygılarımla ve upvote!
noogrub

çok kolay ama düşünmemiştim: D tnx!
Guntram

i gibi bir işlevi varsa ne yapacağını --- bu gonne anahtarı değerini ihtiyaç myFunc (anahtar) --- bana isim html anahtarı ve değeri değil göstermek
Nejmeddine Jammeli

28

Belgeleme ile ilgili sorun, (key, value)o alanla birlikte yazması ... bunun işe yaramadığını anlamanın biraz zaman almasıydı


1
Çok teşekkürler. Haklısın. Virgül ve değer arasında boşluk olamaz. (anahtar, değer) değil (anahtar, değer).
Chad DeShon

9
Belki de Angular'ın yeni sürümlerinde işler farklıdır, ancak aralarında boşluk olabilir (key, val). Bunu genellikle böyle yaparım.
EnigmaRM

(Anahtar, değer) benim için işe yaramadı buldum. Boşluk yüzünden mi diyorsun ??? Tanrım! Ama teşekkürler.
code-sushi

2
Benim için boşlukla da çalışıyor.
Shawn Lauzon

val vs boşluk etkileyen değer?
Danny Mahoney
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.