Как да използвате Ember.js {{action}} в Handlebars.js шаблони върху Jade

Използвам Ember.js и Handlebars.js за проект, върху който работя в момента. Страната на сървъра е Node.js + express и аз използвам машината за шаблони Jade.

Сега, когато искам да свържа действия с DOM елементи, използвам атрибута {{action}} на Ember.js. В момента ето как изглежда моят код в Jade:

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

Горното работи, но частта ''='{{action goToFrontpage}}' изглежда някак хакерска.

Има ли друг начин да направите това? Може би най-добрата практика при комбиниране на Ember.js, Handlebars.js и Jade?


node.js express handlebars.js pug ember.js
person Kasper Tidemann    schedule 27.07.2012    source източник
comment
Стигнах до извода, че може би използването на обикновен HTML в Jade е правилният начин. По този начин отговорът би бил да напишете <div {{action GoToFrontpage}} class="logo"></div>, тъй като Jade поддържа и обикновен HTML.   -  person Kasper Tidemann    schedule 27.07.2012
comment
Добавете този коментар като отговор и го приемете тогава :)   -  person Florian Margaine    schedule 27.07.2012

Отговори (1)


arrow_upward
7
arrow_downward

Понякога е по-добре просто да използвате html в Jade.

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

Друг пример, който виждам често, е силният етикет.

 .stuff
   | This is an
   strong important
   | message.

Можете да напишете това

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

Намирам второто за много по-четливо и сбито.

person Pickels    schedule 29.07.2012