ember.js - 在路线中渲染外部把手

Question

所以过去 3 个月我一直在使用 ember，但我仍然对渲染外部车把有一些疑问。

所以假设我在一个名为 about.handlebars 的文件中有以下车把

<script type="text/x-handlebars" id="about">
   <div> About Page </div>
</script>

所以我有以下路线：

App.Router.map(function() {
  this.resource('about');
});

App.AboutRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render('About');
  }
});

如果它在外部文件中，我如何渲染这个模板？