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.