2017-02-26 83 views
0

如果此問題很愚蠢,我很抱歉。我已經開始在前端工作,並且非常喜歡它。 我被困在一個點,我想要在ember js控制器中導入句柄模板,並將它附加到div。如何在控制器中導入車把模板並將其放置在另一個車把模板中

所以如何在控制器中導入句柄模板並填充它並將其放置在另一個句柄模板中。

這裏是我的控制器:

import Ember from 'ember'; 

export default Ember.Controller.extend({ 

    actions: { 
    search: function() { 
      alert("done"); 
      } 
    } 

}); 

這裏是車把模板:

<table class="table table-striped"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>Mark</th> 
     <th>Subject</th> 
    </tr> 
    </thead> 
    <tbody> 
    {{#each students}} 
    <tr> 
     <td>{{ this.name }}</td> 
     <td>{{ this.mark }}</td> 
     <td>{{ this.subject }}</td> 
    </tr> 
    {{/each}} 
    </tbody> 
</table> 

我已經發布的代碼在GitHub和網址爲:https://github.com/focode/emberjs2/tree/master/app

回答

1

你不填充來自控制器的模板。你可以直接從模板中使用它。

爲此,您基本上有兩種方法。首選的方法是使用一個組件。但請注意,這會給你一個新的,孤立的背景。另一種方法是使用partial helper,它將在當前上下文中呈現模板。

0

我的建議是再次閱讀官方教程。在本教程中,您將看到很少使用控制器

當您生成使用ember-cli路由器,被稱爲routeName.hbs在模板中的模板文件夾下生成ember g route routeName的對應模板,有一個名爲{{outlet}}這哪裏是嵌套模板去標籤。

例如,產生使用ember g route routeName/nestedOne它給你一個名爲nestedOne.hbstemplate/routeName/nestedOne.hbs另一個模板,實際上走了進去在privouse的{{outlet}}生成的模板routeName.hbs嵌套的路線。

灰燼使用約定優於配置因此您無需手動導入模板。

推薦一個涵蓋很多的初學者教程。它是免費的和更新(最新更新是在2016年末)。

https://leanpub.com/ember-cli-101