AngularJS
ng 스타일
수색…
소개
'ngStyle'지시어를 사용하면 HTML 요소에 CSS 스타일을 조건부로 설정할 수 있습니다. AngularJS가 아닌 프로젝트에서 HTML 요소에 style 속성을 사용하는 방법과 마찬가지로 anggs에서 ng-style 을 사용할 수 있습니다. 일부 부울 조건을 기반으로 스타일을 적용합니다.
통사론
<ANY ng-style="expression"></ANY ><ANY class="ng-style: expression;"> ... </ANY>
ng 스타일 사용
아래 예제에서는 "status"매개 변수를 기반으로 이미지의 불투명도를 변경합니다.
<img class="img-responsive" ng-src="{{imagesrc}}"
ng-style="{'opacity' : (status == 2) ? 1 : 0.5}">
Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow