javascript - 在这种情况下，我应该在Ember中使用connectOutlet吗？

我有一个TasksList应用程序。每个任务都有注释。我当时正在考虑添加评论，将其作为即插即用的一种方式。

我有一个ViewerRoute，它显示各个任务：

App.ViewerRoute = Ember.Route.extend({
    activate: function () {
        $(document).attr('title', 'Task View');
    },
   renderTemplate: function () {
        this.render('Comments', { into: "Viewer", outlet: "comment", controller: "Comment" });
    }
});

我的查看器模板具有以下出口{{outlet comment}}

我还创建了一个带有一些示例标记的Comment.hbs文件：

<div class="row-fluid">
    <div class="well span12">
        <div class="page-header">
          <h3>
            Followups
          </h3>
        </div>
</div>

但是，当我运行页面时，出现错误消息，提示“无法调用未定义的方法connectOutlet”。我将问题三角化为余烬中的以下函数

_lookupActiveView: function(templateName) {
    var active = this._activeViews[templateName]; //templateName is "Comment"
    return active && active[0];
  },

问题在于此函数总是返回未定义的。
最终，当代码遇到parentView.connectOutlet(options.outlet, view);
它遇到了错误。

我想念什么吗？

这是我的路由器

App.Router.map(function () {

    this.resource("taskspanel", function () {
        this.resource("viewer", { path: '/viewer/:taskId' }, function () {
        });
        this.resource("new", { path: '/new' });
    });

最佳答案

如果您命名的插座在查看器中，则应在其中进行渲染，此外，由于您要覆盖查看器的renderTemplate钩子并渲染其他内容，因此似乎无法渲染查看器。

 this.render();
 this.render('Comments', { into: "viewer", outlet: "comment", controller: "Comment" });

http://emberjs.com/guides/routing/rendering-a-template/

App.PostRoute = App.Route.extend({
  renderTemplate: function() {
    this.render('favoritePost', {   // the template to render
      into: 'posts',                // the route to render into
      outlet: 'posts',              // the name of the outlet in the route's template
      controller: 'blogPost'        // the controller to use for the template
    });
    this.render('comments', {
      into: 'favoritePost',
      outlet: 'comment',
      controller: 'blogPost'
    });
  }
});

关于javascript - 在这种情况下，我应该在Ember中使用connectOutlet吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20810893/