比如我有一个这样的脚本,定义了一个新的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}}等等。
知道怎么做吗?
更接近灰烬的方式:
{{#each App.pagesController}}
{{#view App.PageView contextBinding="this"}}
{{pageNumber}}
{{/view}}
{{/each}}
对于控制器:
App.pagesController = Em.ArrayController.create({
content: [{ pageNumber: 1 }, { pageNumber: 2 }, { pageNumber: 3 }]
});
顺便说一句,您可能希望在最初定义视图时设置templateName
。
{{view App.pageView pageNumber="2"}}
{{pageNumber}}
{{/view}}
应该工作,但似乎多余。
首先声明一个通用的观点
App.pageView = Ember.View.extend({
templateName: "page_template"
classNames: ['page']
})
page_template车把
The page is {{view.pageNumber}}
现在,您已经声明了这一点,请在您想要执行以下操作的任何地方使用它:
{{view App.pageView pageNumber="1"}}
这应该能行我猜…