-
[AngularJS] (12) Table 처리 | ng-repeat, ng-if, index, odd, evenProgramming/AngularJS 2021. 11. 24. 19:01
AngularJS로 Table을 처리하는 방법을 살펴보자
- tr태그를 ng-repeat으로 반복시킬 수 있다
- ng-if로 적용할 tr태그를 선택할 수 있다
- $index로 행의 인덱스를 지정할 수 있다- $odd, $even으로 현재 $index의 짝/홀수 여부를 판단할 수 있다
> ng-repeat으로 동일한 형태의 태그를 반복 기입할 필요없이 한번에 표현할 수 있다
> ng-if로 어떤 td태그를 사용할 것인지 선택할 수 있다
- $odd : 현재 $index의 값이 홀수이면 true
- $even : 현재 $index의 값이 짝수이면 true
> Ajax 통신으로 받아온 데이터로 테이블 구성
'Programming > AngularJS' 카테고리의 다른 글
[AngularJS] (11) http 서비스 | http.get(), http.post(), http({}) (0) 2021.11.24 [AngularJS] 오늘 하루 보지 않기 팝업 구현 (0) 2021.11.22 [AngularJS] (10) 서비스 | location, get, timeout, interval, app.service() (0) 2021.11.22 [AngularJS] (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (0) 2021.11.21 [AngularJS] (8) scope 객체 | scope, rootScope (0) 2021.11.21 댓글