프로그래밍 언어/HTML,CSS,JS

AngularJS에서 ng-repeat로 키와 값을 반복하는 방법

Rateye 2021. 7. 9. 10:25
728x90
반응형

 

질문 : AngularJS에서 ng-repeat로 키와 값을 반복하는 방법은 무엇입니까?

내 컨트롤러에는 $scope.object = data

json 키와 값이있는 사전입니다.

템플릿에서 object.name 을 사용하여 속성에 액세스 할 수 있습니다. 키를 반복하고 다음과 같이 테이블에 표시 할 수있는 방법이 있습니까?

<tr><td> {{key}} </td> <td> data.key </td>

데이터는 다음과 같습니다

{
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
    "eet_no": "ewew",
}
답변

어때 :

<table>
  <tr ng-repeat="(key, value) in data">
    <td> {{key}} </td> <td> {{ value }} </td>
  </tr>
</table>

이 방법은 문서에 나열되어 있습니다 : https://docs.angularjs.org/api/ng/directive/ngRepeat

출처 : https://stackoverflow.com/questions/15127834/how-to-iterate-over-the-keys-and-values-with-ng-repeat-in-angularjs
728x90
반응형