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 (key) ---와 같은 함수가있는 경우 어떻게해야합니까?이 gonne는 키가 필요하지만 값이 아닌 html로 이름 키를 보여줍니다.
Nejmeddine Jammeli

28

문서의 문제는 (key, value)그 공간 이 있다고 말하는 것 입니다 ... 작동하지 않기 때문에 시간이 걸렸습니다.


1
정말 고마워. 네 말이 맞아 쉼표와 값 사이에 공백을 둘 수 없습니다. (키, 값) 아닙니다 (키, 값).
Chad DeShon

9
새로운 Angular 릴리스에서는 상황이 다를 수 있지만 사이에 공백이있을 수 있습니다 (key, val). 그것은 종종 내가 그렇게하는 방법입니다.
EnigmaRM 2016 년

(키, 가치)가 저에게 효과적이지 않다는 것을 알았습니다. 공백 때문이라고 말하고 있습니까 ??? 이런! 하지만 고마워
code-sushi

2
공간에서도 나를 위해 일합니다.
Shawn Lauzon 1

공간에 영향을 미치는 val 대 가치?
Danny Mahoney
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.