在路线中渲染外部车把

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');
  }
});

如果该模板位于外部文件中，该如何呈现该模板？