AngularJS - ฉันจะอ้างอิงชื่อคุณสมบัติภายใน ng-Repeat ได้อย่างไร


134

นอกเหนือจากการแสดงค่าของคุณสมบัติในออบเจ็กต์แล้วฉันยังต้องการแสดงชื่อคุณสมบัติเป็นป้ายกำกับด้วย มีวิธีทำด้วยng-repeatหรือไม่? ตัวอย่างเช่น:

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

ซึ่งอาจคายสิ่งนี้ออกมา:

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

คำตอบ:


337

ลองสิ่งนี้:

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

30
@ แอนดี้ - พวกเขาไม่ได้ยอดเยี่ยมจริงๆ พวกเขาต้องการตัวอย่างโค้ดจริงที่เรียบง่ายมากขึ้นเช่นที่คุณแสดงที่นี่ ขอบคุณสำหรับคำตอบและโปรดโพสต์ไว้ที่ StackOverflow โพสต์ของคุณช่วยให้ฉันเข้าใจวิธีเข้าถึงเอกสาร AngularJS จริงๆ ขอแสดงความนับถือและโหวตคะแนน!
noogrub

ง่ายมาก แต่ไม่ได้คิด: D tnx!
Guntram

จะทำอย่างไรถ้าฉันมีฟังก์ชันเช่น --- myFunc (คีย์) --- ที่ต้องการค่าคีย์ gonne นี้แสดงคีย์ชื่อใน html ไม่ใช่ค่า
Nejmeddine Jammeli

28

ปัญหาเกี่ยวกับเอกสารคือมันบอก(key, value)ด้วยช่องว่างนั้น ... ฉันใช้เวลาพอสมควรในการคิดออกว่าเพราะมันไม่ได้ผล


1
ขอบคุณมาก. คุณพูดถูก คุณไม่สามารถมีช่องว่างระหว่างเครื่องหมายจุลภาคและค่า (คีย์ค่า) ไม่ใช่ (คีย์ค่า)
Chad DeShon

9
บางทีสิ่งต่างๆอาจแตกต่างไปจาก Angular รุ่นใหม่ ๆ แต่คุณสามารถเว้นวรรคระหว่าง(key, val)ไฟล์. บ่อยครั้งที่ฉันทำ
EnigmaRM

ฉันพบว่า (คีย์ค่า) ไม่ได้ผลสำหรับฉัน คุณบอกว่าเป็นเพราะช่องว่าง ??? กีซ! แต่ขอบคุณ.
code-sushi

2
เหมาะกับฉันด้วยพื้นที่เช่นกัน
Shawn Lauzon

ค่าเทียบกับค่าที่มีผลต่อพื้นที่?
Danny Mahoney
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.