AngularJS - Bagaimana saya bisa mereferensikan nama properti dalam ng-Repeat

134

Selain merender nilai properti dalam sebuah objek, saya juga ingin membuat nama properti sebagai label. Apakah ada cara untuk melakukannya ng-repeat? Sebagai contoh:

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

Yang mungkin mengeluarkan sesuatu seperti ini:

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

Jawaban:

337

Coba ini:

<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>
Andrew Joslin
sumber
30
@Andy - sebenarnya mereka tidak terlalu bagus. Mereka membutuhkan contoh kode aktual yang lebih sederhana seperti yang Anda tunjukkan di sini. Terima kasih atas jawaban Anda dan terus posting ke StackOverflow; posting Anda sangat membantu saya memahami cara mengakses dokumen AngularJS. Salam dan upvote!
noogrub
sangat mudah tetapi tidak memikirkannya: D tnx!
Guntram
apa yang harus saya lakukan jika saya memiliki fungsi seperti --- myFunc (key) --- yang memerlukan nilai kunci. Gonne ini tunjukkan kunci nama dalam html dan bukan nilainya
Nejmeddine Jammeli
28

Masalah dengan dokumentasi adalah bahwa ia mengatakan (key, value)dengan ruang itu ... butuh beberapa waktu bagi saya untuk mengetahuinya karena itu tidak berfungsi

darkyndy
sumber
1
Terima kasih banyak. Kamu benar. Anda tidak boleh memiliki spasi antara koma dan nilai. (key, value) bukan (key, value).
Chad DeShon
9
Mungkin ada hal yang berbeda dalam rilis Angular yang lebih baru, tetapi Anda dapat memiliki spasi di antaranya (key, val). Seringkali itulah cara saya melakukannya.
EnigmaRM
Saya menemukan (kunci, nilai) tidak berhasil untuk saya. Apakah Anda mengatakan itu karena spasi ??? Ya ampun! Tapi terima kasih.
kode-sushi
2
Bekerja untuk saya dengan ruang juga.
Shawn Lauzon
val vs nilai mempengaruhi ruang?
Danny Mahoney