2017-02-26 73 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