Angularjs ng 클래스 지침
AngularJS 인스턴스
<div> 요소의 클래스를 수정하십시오.
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style> .sky {color : White; 배경색 : Lightblue; 패딩 : 20px; Font-Family : "Courier New";}. 토마토 {배경색 : 산호; 패딩 : 40px; Font-Family : Verdana;} </style> </head> <body ng-app = ""> <p> 클래스 선택 : </p> <select ng-model = "home"> <옵션 value = "sky"> sky color </옵션> <옵션 값 = "토마토"> 토마토 "> 토마토"> <h1> </h1> </h1> </h1> <h1> It! </p> </div> </body> </html>정의 및 사용법
NG 클래스 지침은 하나 이상의 CSS 클래스에 HTML 요소에 동적으로 바인딩하는 데 사용됩니다.
NG 클래스 지시문의 값은 문자열, 객체 또는 배열 일 수 있습니다.
문자열 인 경우 여러 클래스 이름이 공백으로 분리됩니다.
객체 인 경우 부울 값인 키 값 쌍을 사용해야하며 값은 추가하려는 클래스 이름입니다. 수업은 키가 참인 경우에만 추가됩니다.
배열 인 경우 객체의 문자열 또는 조합으로 구성 될 수 있으며 배열의 요소는 문자열 또는 객체 일 수 있습니다.
문법
<요소 ng-class = "표현"> </element>
모든 HTML 요소가 지원됩니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 표현 | 표현식은 하나 이상의 클래스 이름을 반환합니다. |
위의 것은 도움이 필요한 친구들의 참조를 위해 Angularjs ng 클래스 교육 정보의 편집입니다.