Ember.js 如何从给定的数字范围进行迭代?

Ember.js 如何从给定的数字范围进行迭代?,ember.js,ember-cli,Ember.js,Ember Cli,在余烬模板中。是否可以执行类似于伪代码的操作: <ul> {{#each [1..100] as |item|}} <li>{{#link-to "articles.index" (query-params page=item)}}{{item}}{{/link-to}}</li> {{/each}} </ul> {{{每个[1..100]作为{项目} {{{#链接到“articles.index”(查询参数page=ite

在余烬模板中。是否可以执行类似于伪代码的操作:

 <ul>
  {{#each [1..100] as |item|}}
    <li>{{#link-to "articles.index" (query-params page=item)}}{{item}}{{/link-to}}</li>
  {{/each}}
 </ul>
    {{{每个[1..100]作为{项目}
  • {{{#链接到“articles.index”(查询参数page=item)}{{{item}}{{/link to}}
  • {{/每个}}
这将产生类似于:

 <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>
  • //诸如此类

不太可能,但在HTMLBAR中使用子表达式很容易实现。因此,如果您创建这样的辅助对象:

App.RangeHelper = Ember.Helper.helper(function(params) {
  var range = [];
  for(var i=params[0]; i < params[1]; ++i){
    range.push(i);
  }
  return range;
});
App.RangeHelper=Ember.Helper.Helper(函数(参数){
var范围=[];
对于(变量i=params[0];i
你可以做:

{{#each (range 1 100) as |item|}}
  <li>{{#link-to "articles.index" (query-params page=item)}}{{item}}{{/link-to}}</li>
{{/each}}
{{{#每个(范围1100)作为|项}
  • {{{#链接到“articles.index”(查询参数page=item)}{{{item}}{{/link to}}
  • {{/每个}}
    我在模仿python range函数,所以请记住,在我的示例中,它以99结尾