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>

Jawaban:


337

Coba ini:

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

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


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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.