我的应用程序模板中有2个命名出口,slider-area并且pre-footer.有没有办法将带参数的视图组件(如main-slider索引模板中显示的组件)传递给指定的插座?所以我需要传递{{main-slider sliders=filteredSlider}}到{{outlet "slider-area"}}索引模板中的插座?
我来自rails,所以原谅我的想法,如果这不是ember的做法.可以yield :slider_area在应用程序模板中指定,然后在content_for :slider_area块中包装此区域的任何内容.在ember中有类似的方法吗?
的index.html
<script type="text/x-handlebars" data-template-name="application">
{{panasonic-topbar}}
<div id="batterywrap">
{{outlet "slider-area"}}
<div class="index_contents">
<div class="index_contents_inner">
<div class="main_area">
{{outlet}}
</div>
</div>
</div>
</div>
{{panasonic-footer}}
</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>
Run Code Online (Sandbox Code Playgroud)
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") …Run Code Online (Sandbox Code Playgroud)