2015-12-08 87 views
0

我正在做一個Ajax調用並拉下的總頁數:Ractive.js模板循環

$.get(path, function(data) { 
    ractive.set({ 
    'articles' : data.articles, 
    'totalpages' : data.totalpages 
    }); 
}); 

有沒有什麼辦法可以使從總頁面分頁按鈕算?喜歡的東西(假設總頁數= 4):

{{#if loop totalpages times:num}} 
    <a href="#">{{num}}</a> | 
{{/if}} 

將輸出

<a href="#">1</a> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a> 

我看了一下鬍子文檔,但鬍鬚是不太一樣的。

感謝, 羅布

+0

可以變換的頁數到一個數組,並使用地圖上它 [1,2,3,4] .MAP(功能(N){返回} n ); – Qingwei

回答

2

使用您的組件或ractive實例的計算性能:

computed: { 
    total: 'new Array(${totalPages})'    
} 

然後使用:i(或任何你想要的)別名對每個指標:

{{#each total:i}} 
<a href="#">{{i+1}}</a> 
{{/each}} 

編輯:以上total計算p roperty是Ractive簡寫:

computed: { 
    total: function(){ 
     return new Array(this.get('totalPages')); 
    } 
} 
+0

我對計算出的屬性一無所知 - 輝煌!謝謝:)我對這裏的範圍有點困惑。通過在這裏調用一個新的數組 - 以引號的方式(仍然被這個混淆) - 這個新的數組是否成爲全局作用域?或者,每次數據更新時(Im將每個ajax調用傳遞的頁面總數向下),它會被刪除: – Rob

+0

澄清了計算的速記語法。每次數據更新時它都會被替換(儘管ractive會重用DOM節點)。 – martypdx

+0

Ahha!謝謝:)我現在得到它:) – Rob