Angularjs 两次呈现一次具有不同类的集合

我是使用AngularJS的初学者

我想在我的HTML代码中呈现一个集合，带有一个特定的指令：左边一个项目，右边一个项目，左边第三个项目等等

<div ng-repeat="Model in Collection">

  <!-- The HTML i need for even iterations -->
  <div class="col-xs-2.col-sm-2.col-md-2.col-lg-2.col-xs-offset-2.col-sm-offset-2.col-md-offset-2.col-lg-offset-2">
    <img alt="Player" src="{{Model.avatar}}" popover-placement="left">
  </div>

  <!-- The HTML i need for odd iterations -->
  <div class="col-xs-2.col-sm-2.col-md-2.col-lg-2.col-xs-offset-8.col-sm-offset-8.col-md-offset-8.col-lg-offset-8">
    <img alt="Player" src="{{Model.avatar}}" popover-placement="right">
  </div>

</div>

---

更好的方法是什么？

您可以利用ng类奇数和ng类偶数来声明div的类

<div ng-repeat="Model in Collection">

  <div ng-class-even="'col-xs-2.col-sm-2.col-md-2.col-lg-2.col-xs-offset-2.col-sm-offset-2.col-md-offset-2.col-lg-offset-2'" 
       ng-class-odd="'col-xs-2.col-sm-2.col-md-2.col-lg-2.col-xs-offset-8.col-sm-offset-8.col-md-offset-8.col-lg-offset-8'">
    <img alt="Player" src="{{Model.avatar}}" ng-class-even="'left'" ng-class-odd="'right'">
  </div>

</div>

---

有关更多文档，请查看此处：