2012-05-24 53 views
3

這必須是唯一的:p如何使用bootstrap循環挖掘樹枝中的數據?

我在symfony2中使用樹枝。我用自舉流體佈局設計它。看,我正在敲數據,連續4(span3)(每第五個將包裝)。但我不知道如何識別每一次迭代。

<div class="row-fluid"> 
    <div class="structureWhite clearfix" data-bind="foreach: stores"> 
     <div class="span3"> 
      <h5 data-bind="text: name"></h5> 
      <p data-bind="text: address"></p> 
      <p data-bind="text: contact"></p> 
     </div> 
    </div> 
</div> 

所以我需要在每4次迭代後加上<div class="row-fluid"></div>或者每隔5次刪除邊距。問題是引導程序不會提供第一個span3邊距,但其餘所有剩餘邊距:2.12766%。這意味着與第五跨度(第二行第一個)不符合。

因此,無論我必須將它分割成流體行或刪除第5個元素(或每個第4個之後)的填充或添加(儘管它會響應如此可變)第一個元素的邊距。任何意見讚賞。

回答

3

KO 2.1現在包含一個$index上下文變量,您可以在您的foreach中訪問該變量以獲取當前項目的索引。

它是可觀察到的,所以如果你使用的是它在一個表達式,你需要使用它喜歡:

<!-- ko if: $index() % 4 === 3 --> 
<div>some element</div> 
<! /ko --> 
+0

不,我得到_Cannot找到註釋結束標籤匹配:KO if_ - 你的榜樣工作,但記住我需要關閉第一行並打開第二行,所以我的html是'

'。怎麼辦?有點奇怪,ko不會用未封閉的標籤:( – Tjorriemorrie

+0

是不是正確的小提琴? –

+0

是的,對不起,仍在學習jsfiddle:http://jsfiddle.net/Tjorriemorrie/82SQb/1/ – Tjorriemorrie