조건 데이터 표현
ng-switch : 어떠한 html태그에서도 사용할 수 있으며, 부모 요소에서 ng-switch=”표현식”을 작성. (표현식에 $scope의 속성명이 오게 된다.)
자식 요소에서 ng-switch-when=”조건일치값” 을 작성한다.
<div ng-switch="표현식">
<div ng-switch-when="조건일치값 1"></div>
<div ng-switch-when="조건일치값 2"></div>
<div ng-switch-default></div>
</div>
사용 예)
See the Pen AngularJS- 조건 데이터 표현 by juein (@juein) on CodePen.
ng-show, ng-hide : 적용 요소를 css의 display 속성변경으로 보여주거나 숨김
<div ng-show="표현식"></div>
<div ng-hide="표현식"></div>
ng-if : 요소 자체를 없애거나 생성하는것. ($scope 또한 없어지고 생성된다.)
<div ng-if="표현식"></div>
사용 예)
See the Pen AngularJS- 조건 데이터 표현 2 by juein (@juein) on CodePen.