2013-05-31 4 views
1

저는 장난감 EmberJS 프로젝트를 진행하고 있고, 상황이 정말로 혼란스러워지고있는 지점에 이르렀습니다. 그래서 파일 구조가 개선되고 있습니다.외부 핸들 막대 템플릿 포함?

내 컨트롤러, 모델, 경로 등을 별도의 파일/폴더에 배치하고 내 프로젝트에 내 핸들러 템플릿을 포함 시키려고 할 때 문제가 발생하여 Discourse's EmberJS application structure에서 영감을 얻었습니다.

<script type="text/x-handlebars" data-template-name="students"> 
    <h2>Students:</h2> 
    <ul> 
     <li>{{firstName}} - {{lastName}}<li> 
    </ul> 
</script> 

에 :

<script type="text/x-handlebars" data-template-name="students" src="js/SD/templates/students.js.handlebars"></script> 

을하지만 작동하지 않습니다

내가 다시 포함 내 템플릿에하고 있던 무엇

은 내 index.html을 변경한다.

EmberJS 응용 프로그램과 함께 사용하기 위해 어떻게 외부 핸들 막대 템플릿 파일을 성공적으로 포함시킬 수 있습니까?

이 경우에 따라서
Ember.TEMPLATES['myTemplate'] = Ember.Handlebars.compile('<p>Hello put in here your template</p>'); 

이 추가 : 예

답변

1

당신은 오히려 당신의 템플릿을 자동으로 미리 컴파일 얻을, 또는 Ember.TEMPLATES 배열 직접 템플릿을 제공하기 위해 ember-generator 대응과 yeoman.io 같은 빌드 도구를 사용하여 을 귀하의 app.js 파일에 업로드하십시오 :

Ember.TEMPLATES['students'] = Ember.Handlebars.compile('<h2>Students:</h2><ul><li>{{firstName}} - {{lastName}}<li></ul>'); 

그래서 렌더링 될 수있게됩니다.

희망 하시겠습니까?

+0

감사의 인사말 intuitivepixel. Ember.TEMPLATES 배열을 통해 템플릿을 설정하고 실험하고 있었지만 별도의 파일에 보관하고 싶습니다. 나는 시도했다 : Ember.TEMPLATES [ 'students'] = Ember.Handlebars.compile ($. get ('js/SD/templates/students.js.handlebars')); 그것은 작동하지 않습니다. 그 일을하는 방법이 있습니까? – Anonymous

+0

나는 두렵다. 만약 당신이 별도의 파일을 사용하기를 원한다면 내가 말했던 것처럼 빌드 툴로 가야한다. 그렇지 않다면 스스로 로직을 제공해야한다. – intuitivepixel

+0

나는 Yeomon을 살펴볼 것이다. :-) 다시 한번 감사드립니다. – Anonymous

관련 문제