Question

我有一个TasksList应用程序。每个任务都有评论。我正在考虑将评论添加为Plug n Play类型的插座。

我有一个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}}

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

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

但是当我运行页面时，我收到错误消息“无法调用未定义的方法connectOutlet”。我将问题三角化为ember

中的以下函数

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

问题是此函数始终返回undefined。最终当代码遇到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' });
    });

Answer 1

如果您的指定插座位于查看器中，您应该渲染到那里，此外，由于您覆盖了查看器的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'
    });
  }
});

我应该在Ember的这个场景中使用connectOutlet吗？

1 个答案: