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.