[AngularJs] - ng-repeat으로 이중 배열 접근

개요

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

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

---

해결

 

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

 

js 파일

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

 

html 파일

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