Javascript For문 썸네일형 리스트형 [AngularJs] - angularJS 이중 배열 for문으로 접근하기(html) 개요 이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열에 대한 반복문을 통해 접근해야되는 상황 해결 ng-repeat 사용 최초 추출한 데이터를 한번 더 ng-repeat in Js // 데이터 형식 ct.lbServiceLists = { "iaasLbInfo":{data}, "iaasLbPorts":[data], "iaasLbPortMembers":[data] } in html // 전체 값을 반복문으로 접근 // 값이 담긴 data를 한번 더 ng-repeat하여 iaasLbPorts 값을 추출 더보기 [AngularJs] - 반복문으로 이중배열 데이터를 빈 배열에 추가 개요 이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열을 빈 배열에 추가해야 하는 상황. 해결 빈 배열을 초기화 for 문 작성 push() 사용 // 작업에 사용할 배열에 대한 선언 및 초기화 ct.iaasLbPortList = []; // 특정 변수에 배열을 초기화 ct.lbServiceList = data.content; // for문 작성 for (var i=0; i < ct.lbServiceList.length; i++) { // push 메서드 사용 ct.iaasLbPortList.push(ct.lbServiceList[i]); } Reference (자바스크립트)-배열에-값-앞-또는-뒤에-추가하기-unshift()-push() 더보기 [AngularJs] - ng-repeat으로 이중 배열 접근 개요 이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열에 대한 반복문을 통해 접근해야되는 상황 해결 ng-repeat 사용 최초 추출한 데이터를 한번 더 ng-repeat js 파일 // 데이터 형식 ct.lbServiceLists = { "iaasLbInfo":{data}, "iaasLbPorts":[data], "iaasLbPortMembers":[data] } html 파일 // 전체 값을 반복문으로 접근 // 값이 담긴 data를 한번 더 ng-repeat하여 iaasLbPorts 값을 추출 더보기 이전 1 다음