相关疑难解决方法(0)

ngClassOdd/ngClassEven无法按预期工作

使用Angular版本1.2.15,我发现了一个错误,它似乎从版本1.2.2开始,直到1.2.15.

Plunker演示重现

HTML

<body ng-app="">
     <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz','Felipe','Vero']">
     <li ng-repeat="name in names">
      <span ng-class-odd="'shared odd'" ng-class-even="'shared even'">
        {{name}}
      </span>
     </li>
   </ol>
</body
Run Code Online (Sandbox Code Playgroud)

CSS

 .shared {color: red;}
 .even{ background-color:yellow; }
 .odd{ background-color:white; }
Run Code Online (Sandbox Code Playgroud)

您将看到奇怪的样式如何在第3个元素上不起作用.

这个问题有解决方法吗?

如果不是更有意义的升级或降级?

css angularjs angularjs-ng-class-even angularjs-ng-class-odd

5
推荐指数
1
解决办法
5290
查看次数

具有嵌套ng-repeat条带行的Bootstrap表

我有一个表应该显示条带行,但由于我有嵌套的ng-repeats,我的输出有一组行颜色相同而不是条纹.任何方式来获得我正在寻找的输出?

<table class="table table-striped table-bordered table-hover table-condensed">  
 <tr ng-repeat-start="thing in app.things">
  <td>{{thing.label}}</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
 <tr ng-repeat-start="action in thing.actions">
  <td>{{thing.label}}</td>
  <td>{{action.label}}</td>
  <td>&nbsp</td>
 </tr>
 <tr ng-repeat-end ng-repeat="task in action.tasks">
  <td>{{thing.label}}</td>
  <td>{{action.label}}</td>
  <td>{{task.label}}</td>
 </tr>
 <tr ng-repeat-end></tr></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap angularjs

4
推荐指数
1
解决办法
1万
查看次数