Ember取代了html内容

Question

我刚刚开始学习ember我试图创建一个替换其他html的链接，目前我写的是：

<script type="text/x-handlebars" id="about">
    {{#each}}
    <h2>{{#link-to 'quarter' this}}{{title}}{{/link-to}}</h2>
    {{/each}}
</script>

现在我想让季度内容加载相同的模板替换每个循环，我应该怎么做呢？

同样，我对于余烬完全不熟悉，而且它自己的指南部分对我来说有点太复杂了。

Answer 1

由于“关于”不是资源路径，因此您必须在about模板中使用自定义插座：

<div class="quarter">{{outlet quarter}}</div>

然后在你的QuarterRoute：

App.QuarterRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render({ outlet: 'quarter' });
  }
});

如果您有Quarters资源路线，您可以在您的宿舍模板中嵌套您的路线，只需一个简单的插座。

App.Router.map(function() {
  this.resource('quarters', function() {
    this.resource('quarter');
  });
});