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.