Ember.js无法显示自己的模板

时间:2014-01-23 14:17:28

标签: ember.js

我刚刚开始关注一些教程,突然遇到显示模板的问题。 我无法显示默认模板以外的任何模板。

以下代码放在index.html->正文中的默认把手(效果不错)之后:

<script type="text/x-handlebars" data-template-name='myTemplateName'>
    <h2>Why can not I just be shown?</h2>
</script>

我创建了一个在index.html中正确引用的视图文件:

MovieTracker.ApplicationView = Ember.View.extend({
  templateName: 'application'
});

MovieTracker.ApplicationView = Ember.View.extend({
  templateName: 'myTemplateName'
});

问题是我没有收到任何错误(使用firebug控制台检查), 但'myTemplateName'的内容未显示。

为什么我不能添加自己的模板,而默认模板可以正常工作?

我很感激你的帮助,这对我很重要, 我没有找到任何东西在互联网上搜索。

1 个答案:

答案 0 :(得分:2)

您的申请模板是否有{{outlet}}?你在哪里链接到你的模板?

{{#link-to 'myTemplateName'}}Your Template{{/link-to}}

您是否设置了路线?

App.Router.map(function() {
  this.route("myTemplateName", { path: "/myTemplateName" });
});

单击车把链接后,应使用正确的模板填充主模板中的{{outlet}}。