Ember.js命名出口错误

时间:2013-06-04 15:41:08

标签: javascript ember.js rendering

是否可以放置指定商店的位置?我的模板不呈现,当我指定into属性时,我收到错误。以下是相关代码:https://gist.github.com/knownasilya/5700187

这是错误:

Uncaught TypeError: Cannot call method 'connectOutlet' of undefined

parentView null似乎parentView.connectOutlet(options.outlet, view);into(第25461行)。

我将App.MapSearchRoute = Ember.Route.extend({ renderTemplate: function() { this.render({ into: "sidebar", outlet: "sidebar" }); } }); 属性设置为插座所在模板的名称。我这样做是错的吗,这应该是一个路由名称(我没有这个父视图的路由)?

儿童观路线:

<ul class="navigation">
  <li>
    {{#linkTo map.search class="accent-blue"}}
      <i class="icon-search icon-white"></i>
    {{/linkTo}}
  </li>

  <li>
    {{#linkTo map.overlay class="accent-purple"}}
      <i class="icon-th-large icon-white"></i>
    {{/linkTo}}
  </li>

  <li>
    {{#linkTo map.contact class="accent-green"}}
      <i class="icon-envelope icon-white"></i>
    {{/linkTo}}
  </li>
</ul>

{{outlet sidebar}}

出口在这里:

<div id="map"></div>
{{view App.SidebarView}}

以前的模板在此模板中呈现,该模板在主插座中呈现:

{{1}}

1 个答案:

答案 0 :(得分:2)

检查提供帮助的好地方在ember guides

您可以拥有任意数量的商店。从我所知道的,你的代码似乎很好。我假设你也定义了mapsearch模板?这是将被渲染到侧边栏的模板。

尝试将侧栏插座弹出到父模板中。由于它没有嵌套在侧边栏模板中的任何位置,因此不会产生视觉差异。确保在渲染模板时更改“into”标志。让我知道它是如何为你工作的。