Cómo usar Ember.js {{action}} en las plantillas de Handlebars.js encima de Jade

Estoy usando Ember.js y Handlebars.js para un proyecto en el que estoy trabajando en este momento. El lado del servidor es Node.js + express y hago uso del motor de plantillas Jade.

Ahora, cada vez que quiero vincular acciones a elementos DOM, uso el atributo {{action}} de Ember.js. Actualmente, así es como se ve mi código en Jade:

script(type='text/x-handlebars', data-template-name='frontpage')
  div.logo(''='{{action goToFrontpage}}')

Lo anterior trabajo, sin embargo, el ''='{{action goToFrontpage}}' parte parece algo hackish.

¿Hay otra manera de hacer esto? ¿Quizás una mejor práctica al combinar Ember.js, Handlebars.js y Jade?

preguntado el 27 de julio de 12 a las 14:07

Llegué a la conclusión de que quizás usar HTML regular en Jade es el camino a seguir. Por lo tanto, la respuesta sería escribir <div {{action GoToFrontpage}} class="logo"></div> ya que Jade también es compatible con HTML normal. -

Agregue este comentario como respuesta y acéptelo entonces :) -

1 Respuestas

A veces es mejor usar html en Jade.

<div {{action GoToFrontpage}} class="logo"></div>

Otro ejemplo que veo mucho es la etiqueta fuerte.

 .stuff
   | This is an
   strong important
   | message.

Puedes escribir esto

 .stuff This is an <strong>important</strong> message.

Encuentro el segundo mucho más legible y conciso.

Respondido 29 Jul 12, 13:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.