1

我在下面尝试做的是使用部分来使我的视图更加模块化。不幸的是，这不起作用。

我明白了


Uncaught TypeError: Cannot read property 'view' of undefined in the (compiled) _dataForLeftPane.js @ the following line,
  stack1 = foundHelper ? foundHelper.call(depth0, stack1, {hash:{}}) : helperMissing.call(depth0, "outlet", stack1, {hash:{}});

如果我删除了在 container.hjs 中声明的部分（请参见下面的代码）并放置它们各自的内容，那么一切正常。但只有当我引入部分时，事情才会停止工作。

file: app_router.js.coffee

root: Ember.Route.extend(
  index: Ember.Route.extend(
    route: '/'
    connectOutlets: (router) ->
      router.get('applicationController').connectOutlet('container')
      router.get('containerController').connectOutlet('dataForLeftPane', 'dataForLeftPane', [{login:'wycats'},{login:'tomdale'}])
      router.get('containerController').connectOutlet('dataForRightPane', 'dataForRightPane', [{id:'1234'},{id:'qwerty'}])
  )
)

file: views/application_view.js.coffee

App.ApplicationView = Ember.View.extend(
  templateName: 'application'
)

App.ContainerView = Ember.View.extend(
  templateName: 'a/container'
)

App.DataForLeftPaneView = Ember.View.extend(
  templateName: 'a/dataForLeftPane'
)

App.DataForRightPaneView = Ember.View.extend(
  templateName: 'a/dataForRightPane'
)

file: templates/a/container.hjs

{{> _a_leftPane}}
{{> _a_rightPane}}

file: templates/a/_leftPane.hbs

{{outlet dataForLeftPane}}

file: templates/a/_rightPane.hbs

{{outlet dataForRightPane}}

file: templates/a/dataForRightPane.hjs

{{#each person in controller}}
  {{person.id}}
{{/each}}

file: templates/a/dataForLeftPane.hjs

{{#each person in controller}}
  {{person.name}}
{{/each}}
4

1 回答 1

0

您可以在另一个模板中使用视图助手“调用”视图。

file: templates/parentView.hjs
{{view.someProperty}}
//here is the parent view calling a template
{{view "App.templateView" contentBinding="view.content"}}

这将插入带有内容绑定的指定 App.templateView 到渲染视图的传递内容属性。您可以将任何您想要的内容作为 templateViews 内容传递。

这很可能是您想要做的，但我不确定我是否正确阅读了您的问题。

此外，这在语义上接近于使用传递的本地渲染部分轨道。所以我认为这可能是您正在寻找的解决方案，因为您指的是“部分”。

于 2012-12-26T16:51:04.317 回答