Ember.js con plantilla de manillares externos

Por lo tanto, soy algo nuevo paraEmber.js Y han pasado un par de horas desde que estoy atrapado con esto. Estoy jugando con estocliente de bloggr y lo que quiero lograr es cargar esoshandlebars Plantillas de archivos externos.

La plantilla "acerca de" debería mostrarse cuando el usuario haga clic en la página acerca de en el panel. Aquí está el código en breve para que no tenga que cavar tanto (creo que será fácil para usuarios experimentados)

Plantilla en el interior.html como se muestra en el ejemplo

<script type="text/x-handlebars" id="about">
<div class='about'>
  <p>Some text to be shown when users click ABOUT.</p>
</div>

Ahora lo que he hecho es tomar eso.x-handlebar código lejos de lahtml página y lo colocó (sin el<script type...>) y luego ponerlo enhbs/about.hbs

Ahora, dentro de la página html he hecho algo como esto.

$.ajax({
    url: 'hbs/about.hbs',         
    async: false,
    success: function (resp) {
      App.About = Ember.View.extend({
        template: Ember.Handlebars.compile(resp),
      });
    }         
  });

El resultado del ajax contiene el contenido de la página .hbs, luego tengo que compilarlo paraEmber se puede hacer, ¿verdad? Creo que eso es lo que hice. Pero esto es lo que he llegado. ¿Es lo que he hecho bien? ¿Cuál es el próximo movimiento? Creo que tengo que adjuntar el contenido de la llamada ajax a labody más o menos.

Gracias de antemano, después de buscar en SO aún no pude hacerlo funcionar.

Respuestas a la pregunta(1)

Su respuesta a la pregunta