返回介绍

模板 - 应用模板

发布于 2020-02-21 15:48:02 字数 1192 浏览 980 评论 0 收藏 0

英文原文:http://emberjs.com/guides/application/the-application-template/

应用模板是应用启动的时候默认渲染的模板。

你应该把你的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>
  &copy;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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文