如何隱藏css border-right使用循環的角度js中的偶數

我使用角度js和離子框架devolping應用程序。我只想爲奇數顯示邊界。這裏是我的代碼：如何隱藏css border-right使用循環的角度js中的偶數

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

這裏是CSS

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

這裏是提琴： https://jsfiddle.net/asetkL0n/

來源

2015-09-23 Karan Kumar

可否請您準備一個jsfiddle的問題.. – Hrishi

https://jsfiddle.net/asetkL0n/ –

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個孩子裏面，可以通過，「奇數」，「偶數」，「211」，「2N + 1」，或者在n中的任意表達式。

來源

2015-09-23 08:50:11 Shivi

我認爲最好的辦法是使用納克級的，所以你必須創建一個只會添加邊框權限的類。

我想你是在NG-重複循環，使代碼看起來像

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

在這裏，你有偶數($index%2)===0的條件，使股利將會對事件編號右邊框類。

來源

2015-09-23 08:36:50

您可以使用ng-class-odd/ng-class - 即使在ng-repeat中也可以爲此項添加特定的類。

例如這裏：ng-class-odd

來源

2015-09-23 08:44:19

如何隱藏css border-right使用循環的角度js中的偶數

回答

相關問題