Angularjs ng类,甚至不申请类
因此,我尝试在我的Angularjs ng类,甚至不申请类,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,因此,我尝试在我的ng repeat中添加斑马条纹,以便可以轻松区分行 我想我已经把所有的东西都连接好了,但是这些类没有被应用 我创造了一个新的世界 我的html如下所示: <div ng-repeat="removal in removals" ng-class-even="even" ng-class-odd="odd" class="remove-relation-titles-list"> <div class="pull-left relation-tit
ng repeat
中添加斑马条纹,以便可以轻松区分行
我想我已经把所有的东西都连接好了,但是这些类没有被应用
我创造了一个新的世界
我的html如下所示:
<div ng-repeat="removal in removals" ng-class-even="even" ng-class-odd="odd" class="remove-relation-titles-list">
<div class="pull-left relation-titles-left-list">
<span class="acct-title acct-num">{{removal.AcctType}} {{removal.AcctNo}}</span>
<span class="acct-title"> - Standard Checking</span>
</div>
</div>
{{remove.AcctType}{{remove.AcctNo}}
-标准检查
因此,常规类的应用很好,但偶数和奇数类则完全不适用。如果您检查对象并自己添加甚至类,它会显示得非常漂亮。我已尝试将其向下移动到ng repeat
中的div
,但没有结果
我是否遗漏了一些明显的内容?将您的ng类更改为:-
ng-class="{'even':$even,'odd':$odd}"
$偶数
和$奇数
是ng repeat在其作用域中添加的属性
或者将其更改为take,否则它将尝试基于不存在的属性偶数
或奇数
替换类:-
ng-class-odd="'odd'" ng-class-even="'even'"
你的第一个棋子的偶数和赔率是错误的,它把第一个算作偶数(奇怪)。第二个是我要找的,谢谢:)@Bobo是的,这是因为第一个实际上是根据索引放置的,第一个是索引为0的…:)哇,我真不敢相信我自己没听清楚!:)
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js" data-semver="1.2.17" data-require="angular.js@1.0.7"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="removeTitlesCtrl">
<div id="body_content_wrapper">
<div>
<h4 class="heading toggle header-block">These are the accounts chosen</h4>
</div>
<div ng-repeat="removal in removals" ng-class-even="'even'" ng-class-odd="'odd'" class="remove-relation-titles-list">
<div class="pull-left relation-titles-left-list">
<span class="acct-title acct-num">{{removal.AcctType}} {{removal.AcctNo}}</span>
<span class="acct-title"> - Standard Checking</span>
</div>
</div>
</div>
</div>
</body>
</html>
ng-class-even="'even'" ng-class-odd="'odd'"