Angularjs 如何在angular js中使用偶数循环隐藏css边框

我正在使用angular js和ionic框架开发应用程序。我只想为奇数显示右边框。 这是我的密码：

<div class="media-body" style="padding-bottom:25px;">                           
                                    <h2 class="align_center">{{services.name}}</h2>

                                       <a href="#job/{{services.id}}">
                                        <h2 class="align_center_des">{{services.description}}</h2>


                                </div>
                            </div></div>

这是小提琴：

---

我认为最好的解决方案是使用ng类，因此您必须创建一个只添加右边边框的类

我假设你在一个ng重复循环中，所以代码看起来像

<div data-ng-class="{border-right: ($index%2)===0}" class="col-32-custom">

---

这里有偶数$index%2==0的条件，因此div将在事件号上具有右边框类。

您可以使用ng repeat中的ng class odd/ng class偶数将特定类添加到此项

---

示例：

CSS还允许您针对特定的奇数或偶数元素。例如：

.col-32-custom {
width: 32%;
float: left;
margin-left: 1%;
margin-bottom: 31px;
height: 144px;
}
.col-32-custom:nth-child(odd) {
border-right: 1px solid #E4E4E4;
}

---

其中，在第n个子项中，您可以传递、奇数、偶数、2n、2n+1或n中的任何表达式。

请为该问题准备一个JSIDLE。。

.col-32-custom {
width: 32%;
float: left;
margin-left: 1%;
margin-bottom: 31px;
height: 144px;
}
.col-32-custom:nth-child(odd) {
border-right: 1px solid #E4E4E4;
}