码迷,mamicode.com
首页 > 其他好文 > 详细

directive ngClassEven & ngClassOdd

时间:2017-06-13 17:12:04      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:sso   doctype   bbb   init   index   names   tle   direct   sse   

  ngClassOdd和ngclassEven指令与ngClass完全相同,除了它们与ngRepeat结合在一起工作,并且只对奇数(偶数)行生效。

  这个指令只能在一个ngRepeat的范围内应用。

例子:

index.html

<!DOCTYPE html>
<html ng-app="bindExample">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .odd {
            color: red;
        }
        .even {
            color: blue;
        }
    </style>
</head>
<body ng-controller="ExampleController">
<div>
    <ol ng-init="names=[‘John‘, ‘Mary‘, ‘Cate‘, ‘Suz‘]">
        <li ng-repeat="name in names">
           <span ng-class-odd="‘odd‘" ng-class-even="‘even‘"><!--要用‘‘包括css类名-->
             {{name}} &nbsp; &nbsp; &nbsp;
           </span>
        </li>
    </ol>
</div><hr>
<script src="framework/angular.js"></script>
<script src="js/bbb.js"></script>
</body>
</html>

script.js

angular.module(‘bindExample‘, [])
    .controller(‘ExampleController‘, [‘$scope‘, function($scope) {
        $scope.names = [];
    }]);

 

directive ngClassEven & ngClassOdd

标签:sso   doctype   bbb   init   index   names   tle   direct   sse   

原文地址:http://www.cnblogs.com/ms-grf/p/7000814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!