Então, eu sou meio novo paraEmber.js e tem sido um par de horas desde que eu estou preso com isso. Estou brincando com issocliente bloggr e o que eu quero fazer é carregar oshandlebars modelos de arquivos externos.

O modelo "sobre" deve ser renderizado quando o usuário clicar na página "Sobre" no painel. Aqui está o código em breve, então você não precisa cavar muito (acredito que será fácil para usuários experientes)

Modelo dentro.html como mostrado no exemplo

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

Agora o que eu fiz é pegar issox-handlebar código longe dohtml página e colocou-o (sem o<script type...>) e depois colocá-lo emhbs/about.hbs

Agora, dentro da página html eu fiz algo assim.

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

O resultado do ajax contém o conteúdo da página .hbs, então eu tenho que compilá-lo assimEmber pode renderizá-lo, certo? Acho que foi o que eu fiz. Mas isso é tanto quanto eu vim. É o que eu fiz certo? Qual o próximo movimento? Eu acredito que tenho que acrescentar o conteúdo da chamada ajax aobody ou então.

Agradecemos antecipadamente, depois de pesquisar por SO, ainda não consegui executá-lo.