2013-05-31 77 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> 

到:

我在做什麼再包括我的模板是從改變我的index.html

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

但它不工作。

如何將我的外部手柄模板文件成功包含在我的EmberJS應用程序中使用?

回答

1

你,而使用一個構建工具,如yeoman.io與相應ember-generator讓你的模板自動預編譯,或者直接爲Ember.TEMPLATES陣列提供的模板,例如:

Ember.TEMPLATES['myTemplate'] = Ember.Handlebars.compile('<p>Hello put in here your template</p>'); 

所以你的情況,添加此到你的app.js文件:

​​

所以它可以用來呈現燼。

希望它有幫助

+0

感謝直觀的像素。我只是試着通過Ember.TEMPLATES數組設置模板,但我想將它們保存在單獨的文件中。我嘗試過:Ember.TEMPLATES ['students'] = Ember.Handlebars.compile($。get('js/SD/templates/students.js.handlebars'));這不起作用。有沒有辦法做到這一點? – Anonymous

+0

恐怕沒有。如果你想使用單獨的文件,那麼你應該去像我提到的構建工具,否則你必須提供自己這樣做的邏輯... – intuitivepixel

+0

我會調查Yeomon。 :-) 再次感謝。 – Anonymous