使用Ember和Handlebar，如何在模板块中动态声明参数？

Question

例如，我有一个这样的脚本，它定义了一个新的div，并用页码进行了注释

<script type="text/x-handlebars" data-template-name="page-template">
    <div class = 'page'>
       The page is  <b>{{ App.pageView_1.pageNumber }}</b>
    <div>
</script>

对应的视图：

App.pageView_1 = App.PageView.create({
    templateName: 'page-template',
    pageNumber: 1,
})

我想动态声明新视图，每个视图都有不同的pageNumber字段和视图名称，所以：

  App.pageView_2 = App.PageView.create({
      pageNumber: 2,
  });

  App.pageView_3 = App.PageView.create({
      pageNumber: 3,
  });

注为清楚起见，已省略了templateName字段。

问题是模板块中的参数必须更改为{{ App.pageView_2.pageNumber }}，依此类推。

你知道这是怎么做的吗？

Answer 1

更接近ember的方式：

{{#each App.pagesController}}
    {{#view App.PageView contextBinding="this"}}
        {{pageNumber}}
    {{/view}}
{{/each}}

而对于控制器：

App.pagesController = Em.ArrayController.create({
    content: [{ pageNumber: 1 }, { pageNumber: 2 }, { pageNumber: 3 }]
});

顺便说一句，您可能希望在最初定义视图时设置templateName。

Answer 2

{{view App.pageView pageNumber="2"}}
  {{pageNumber}}
{{/view}}

应该是可行的，但似乎是多余的。