2015-08-09 65 views
2

在一個餘燼模板中。是否有可能做一些類似的僞代碼的東西:如何從給定的數字範圍迭代?

<ul> 
    {{#each [1..100] as |item|}} 
    <li>{{#link-to "articles.index" (query-params page=item)}}{{item}}{{/link-to}}</li> 
    {{/each}} 
</ul> 

這將創建一個類似的東西:

<ul> 
    <li><a href="localhost/articles?page=1">1</a></li> 
    <li><a href="localhost/articles?page=2">2</a></li> 
    <li><a href="localhost/articles?page=3">3</a></li> 
    // so forth 
</ul> 

回答

4

不是真的,但它很容易與HTMLBars子表達式來實現。所以,如果你創建一個幫助像這樣:

App.RangeHelper = Ember.Helper.helper(function(params) { 
    var range = []; 
    for(var i=params[0]; i < params[1]; ++i){ 
    range.push(i); 
    } 
    return range; 
}); 

你可以這樣做:

{{#each (range 1 100) as |item|}} 
    <li>{{#link-to "articles.index" (query-params page=item)}}{{item}}{{/link-to}}</li> 
{{/each}} 

我模仿蟒蛇範圍功能,所以請你記住它在我的例子結束於99。