예
은 <DIV> 요소의 변경 클래스 :
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
»그것을 자신을 시도 정의 및 사용
ng-class 지시문은 동적 HTML 요소에 하나 이상의 CSS 클래스를 결합한다.
의 값 ng-class 지시문은 문자열, 객체 또는 배열이 될 수 있습니다.
이 문자열 인 경우, 하나 이상의 공간 분리 된 클래스 이름을 포함한다.
키가 부울 값이고, 값이 추가 할 클래스의 클래스 이름입니다 개체로, 그것은 키 - 값 쌍을 포함해야합니다. 키가 true로 설정되어있는 경우 클래스는 추가됩니다.
어레이로서, 이는 이들의 조합 일 수있다. 각 배열 요소는 문자열, 또는 상기와 같이 기술 된 객체가 될 수 있습니다.
통사론
< element ng-class=" expression "></ element >모든 HTML 요소에 의해 지원됩니다.
매개 변수 값
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |