Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ng类,甚至不申请类_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

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'"