Ember.js {{action}}을 (를) Handlebars.js의 템플릿에서 사용합니다.

현재 작업중인 프로젝트에 Ember.js와 Handlebars.js를 사용하고 있습니다. 서버 측은 Node.js + express이며 Jade 템플릿 엔진을 사용합니다.Ember.js {{action}}을 (를) Handlebars.js의 템플릿에서 사용합니다.

이제 DOM 요소에 작업을 묶고 싶을 때마다 Ember.js의 {{action}} 속성을 사용합니다. 현재이 내 코드가 옥에 모습입니다 :

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

위 작품은, 그러나, ''='{{action goToFrontpage}}' 부분은 다소 hackish 보인다 않습니다.

다른 방법이 있습니까? Ember.js, Handlebars.js 및 Jade를 결합 할 때 가장 좋은 방법일까요?

나는 옥의 일반적인 HTML을 사용하는 것이 최선의 방법이라는 결론에 도달했습니다. 따라서 Jade가 일반 HTML을 지원하기 때문에 대답은 '

'이라고 작성해야합니다. –

답변으로이 의견을 추가하고 받아들입니다 :) –

때때로 Jade에서 html을 사용하는 것이 더 좋습니다.

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

다른 예를 보면 강력한 태그입니다.

.stuff 
    | This is an 
    strong important 
    | message.

이

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

내가 두 번째 훨씬 더 읽기 쉽고 간결하게 찾아 쓸 수 있습니다.

2012-07-29 12:38:54 Pickels

답변