发布于 2015-08-18 16:28:08 | 319 次阅读 | 评论: 0 | 来源: 网络整理
应用模板是应用启动的时候默认渲染的模板。
你应该把你的header、footer和其他装饰性的内容放在应用模板里面。另外，应用模版中至少需要一个{{outlet}}占位符，以便路由能根据当前的URL将适当的模版渲染进来。
下面是一个应用模板的例子：
1 2 3 4 5 6 7 8 9 10 11 |
<header>
<h1>Igor's Blog</h1>
</header>
<div>
{{outlet}}
</div>
<footer>
©2013 Igor's Publishing, Inc.
</footer>
|
其中header和footer会一直显示在屏幕上，不过<div>里面的内容会根据用户所在位置而改变（/posts或/posts/15之类）。
更多关于入口是如何被路由填写，请参看Routing。
如果你希望将应用模板放置在HTML文档中，你可以创建一个不带模板名字的<script>标签。Ember将使用这个没有命名的模板作为应用的模板，会将其编译和加载到页面。
1 2 3 4 5 |
<script type="text/x-handlebars">
<div>
{{outlet}}
</div>
</script>
|
如果你使用编译工具来加载你的应用模板，请确定把模板名字命名为application。