首页 > 其他 > 详细

directive ngClassEven & ngClassOdd

时间:2017-06-13 15:42:53      阅读:274      评论:0      收藏:0      [点我收藏+]

  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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!