相关疑难解决方法(0)

将带有参数的视图组件渲染到命名的插件ember.js中

我的应用程序模板中有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)

javascript jquery ember.js ember-data

7
推荐指数
1
解决办法
6926
查看次数

标签 统计

ember-data ×1

ember.js ×1

javascript ×1

jquery ×1