我在我的应用程序模板中有两个命名的出口,
我来自rails,所以如果这不是ember的工作方式,请原谅我的想法。您可以在应用程序模板中指定
index.html
slider-area
和pre-footer
。是否有一种方法可以将需要传递参数的视图组件(如index模板中显示的main-slider
组件)传递到命名出口?因此,我需要将{{main-slider sliders=filteredSlider}}
传递到index模板中的出口{{outlet "slider-area"}}
?我来自rails,所以如果这不是ember的工作方式,请原谅我的想法。您可以在应用程序模板中指定
yield :slider_area
,然后在content_for :slider_area
块中包装此区域的任何内容。在ember中是否有类似的方法?index.html
<script type="text/x-handlebars" data-template-name="application"></script>
<script type="text/x-handlebars" data-template-name="index">
# Something like {{outlet "slider-area" render main-slider sliders="filteredSlider}} ?
{{main-slider sliders=filteredSlider}}
{{partial "social_footer"}}
</script>
app.js
App.IndexController = Ember.ObjectController.extend({
filteredSlider: function(){
return this.get('sliders').filterBy('page', 'index');
}.property('sliders.@each.page')
});
App.IndexRoute = Ember.Route.extend({
model: function() {
return Ember.RSVP.hash({
sliders: this.store.find("slider")
});
}
});