AngularJS - Làm cách nào tôi có thể tham chiếu tên thuộc tính trong vòng lặp-ng


134

Ngoài việc hiển thị giá trị của các thuộc tính trong một đối tượng, tôi cũng muốn hiển thị tên thuộc tính dưới dạng nhãn. Có cách nào để làm điều này với ng-repeat? Ví dụ:

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

Mà có thể phun ra một cái gì đó như thế này:

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

Câu trả lời:


337

Thử cái này:

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

30
@Andy - Thật ra họ không tuyệt lắm. Họ cần các ví dụ mã thực tế đơn giản hơn như bạn đã chỉ ra ở đây. Cảm ơn câu trả lời của bạn và hãy tiếp tục đăng lên StackOverflow; bài viết của bạn thực sự giúp tôi hiểu cách truy cập các tài liệu AngularJS. Trân trọng và upvote!
noogrub

thật dễ dàng nhưng không nghĩ về nó: D tnx!
Guntram

Phải làm gì nếu tôi có một hàm như --- myFunc (khóa) --- cần giá trị khóa này gonne chỉ cho tôi khóa tên trong html chứ không phải giá trị
Nejmeddine Jammeli

28

Vấn đề với tài liệu là nó nói (key, value)với không gian đó ... tôi phải mất một thời gian để nhận ra rằng vì nó không hoạt động


1
Cám ơn rất nhiều. Bạn đúng rồi. Bạn không thể có khoảng trắng giữa dấu phẩy và giá trị. (khóa, giá trị) không (khóa, giá trị).
Chad DeShon

9
Có thể mọi thứ khác nhau trong các phiên bản mới hơn của Angular, nhưng bạn có thể có một khoảng trống giữa (key, val). Đó thường là cách tôi làm điều đó.
EnigmaRM

Tôi tìm thấy (chìa khóa, giá trị) không làm việc cho tôi. Bạn đang nói đó là vì khoảng trắng ??? Trời ạ! Nhưng cảm ơn.
mã-sushi

2
Làm việc cho tôi với không gian là tốt.
Shawn Lauzon

val vs giá trị ảnh hưởng đến không gian?
Daniel Mahoney
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.