AngularJS ng-class-odd 지시문

정의와 사용법

ng-class-odd 지시문은 하나 이상의 CSS 클래스를 HTML 요소에 동적으로 바인딩하지만, HTML 요소가奇수번째로 나타날 때만 유효합니다.

ng-class-odd 지시문은 특정 조건과 함께 사용될 때만 ng-repeat 지시가 함께 사용될 때만 유효합니다.

ng-class-odd 지시는 목록 내의 항목이나 테이블의 행에 스타일을 설정하는 데 매우 적합하지만, 어떤 HTML 요소에도 사용할 수 있습니다.

예제

매 행마다(홀수 행)의 테이블 행에 class="striped"를 설정합니다:

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

직접 테스트해 보세요

문법

<요소 ng-class-odd="표현식</요소>

모든 HTML 요소가 지원됩니다.

파라미터