AngularJS ng-class-even 지시

정의와 사용법

ng-class-even 지시는 하나 이상의 CSS 클래스를 HTML 요소에 동적으로 바인딩하지만, HTML 요소가 매번 두 번째로 나타날 때(짝수 번)만 유효합니다.

ng-class-even 지시는 그것과 함께 사용될 때만 ng-repeat 지시가 함께 사용될 때만 유효합니다.

ng-class-even 지시는 목록의 항목이나 테이블의 행에 스타일을 설정하는 데非常适合하지만, 어떤 HTML 요소에도 사용할 수 있습니다.

예제

매 행마다(짝수 행) class="striped"를 설정합니다:

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

직접 테스트해 보세요

문법

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

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

파라미터