灰烬：命名插座错误

Question

我不知道为什么我的模板没有在指定的商店中呈现。 这是我第一次学习炭烬，我被困在指定的销售点。

我想呈现在了sidebarTemplate {{outlet "sidebar"}}并在该的ContentTemplate {{outlet "content"}}但我不断收到在控制台以下错误：“错误在处理路线：帖子无法读取未定义TypeError的属性'connectOutlet'：无法读取未定义的属性'connectOutlet'

这是我的代码的小提琴： http : //jsfiddle.net/va71wwr9/

这是我的HTML：

<script type="text/x-handlebars">
  <div class="nav-container">
    <ul class="nav">
        <li>{{#link-to 'home'}}Home{{/link-to}}</li>
        <li>{{#link-to 'posts'}}Posts{{/link-to}}</li>
    </ul>
  </div>

  {{outlet}}
</script>

<script type="text/x-handlebars" id="home">
  <h1>Home screen</h1>
</script>

<script type="text/x-handlebars" id="posts">
  <h1>Posts screen</h1>
  <div class="sidebar-container">
    {{outlet sidebar}}
  </div>
  <div class="content-container">
    {{outlet content}}
  </div>
</script>

<script type="text/x-handlebars" id="sidebarTemplate">
  <p>Side bar stuff</p>
</script>

<script type="text/x-handlebars" id="contentTemplate">
  <p>content stuff</p>
</script>

这是我的JavaScript：

var App = Ember.Application.create();

App.Router.map(function() {
  this.resource('home', {path: '/'});
  this.resource('home', {path: 'home'});
  this.resource('posts', {path: 'posts'});
});

App.PostsRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render('sidebarTemplate', {
        into: 'posts',
        outlet: 'sidebar'
    });
    this.render('contentTemplate', {
        into: 'posts',
        outlet: 'content'
    });
  }
});

Answer 1

问题是您没有呈现posts模板。 您可以在定义要渲染的路线的出口模板之前，通过添加this.render()或this._super()来解决此问题：

App.PostsRoute = Ember.Route.extend({
    renderTemplate: function() {

        // add this line
        this._super();

        this.render('sidebarTemplate', {
            into: 'posts',
            outlet: 'sidebar'
        });
        this.render('contentTemplate', {
            into: 'posts',
            outlet: 'content'
        });
    }
});

关于扩展功能的一点说明； 在此特定代码中，调用this._super()在技术上与调用this.render()相同，但不同之处在于，通过调用_super()来扩展renderTemplate功能，方法是将您的东西附加到方法的后面。自行执行，在这种情况下将称为this.render()并且此方法可能需要执行另一个例程（通常来说，不是renderTemplate ），而如果您调用的方法可以执行自己想要的事情，在这种情况下，是render方法，您将从流程中排除该方法可以执行的其他操作。 这不是对还是错。 这实际上取决于您要实现的目标。 在大多数情况下，如果要扩展的方法做多了一件事情和/或将来要做很多事情，则应调用this._super()而不是再次重写实现。