본문 바로가기

프로그래밍/AngularJs

[AngularJs] - angularJS 이중 배열 for문으로 접근하기(html)

728x90
반응형

개요

이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열에 대한

반복문을 통해 접근해야되는 상황


해결

  • ng-repeat 사용
  • 최초 추출한 데이터를 한번 더 ng-repeat

in Js

// 데이터 형식
ct.lbServiceLists = {
  "iaasLbInfo":{data},
  "iaasLbPorts":[data],
  "iaasLbPortMembers":[data]
}

 

in html

// 전체 값을 반복문으로 접근
<ng-repeat="data in contents.lbServiceLists">
    
// 값이 담긴 data를 한번 더 ng-repeat하여 iaasLbPorts 값을 추출
<ng-repeat="data1 in data.iaasLbPorts">

 

728x90
반응형