Comment utiliser Ember.js {{action}} dans les templates Handlebars.js au dessus de Jade

Question

J'utilise Ember.js et Handlebars.js pour un projet sur lequel je travaille en ce moment. Le côté serveur est Node.js + express et j'utilise le moteur de templating Jade.

Maintenant, chaque fois que je veux lier des actions à des éléments DOM, j'utilise l'attribut {{action}} d'Ember.js. Actuellement, voici à quoi ressemble mon code dans Jade :

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

Le texte ci-dessus fait Toutefois, le travail de la ''='{{action goToFrontpage}}' Cette partie semble quelque peu pirate.

Existe-t-il une autre façon de procéder ? Peut-être une meilleure pratique pour combiner Ember.js, Handlebars.js et Jade ?

Answer 1

Il est parfois préférable d'utiliser le langage html dans Jade.

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

Un autre exemple que je vois souvent est celui de la balise strong.

 .stuff
   | This is an
   strong important
   | message.

Vous pouvez écrire ceci

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

Je trouve le second beaucoup plus lisible et concis.