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

このテンプレートが外部ファイルにある場合、どのようにレンダリングできますか?