【Ember.js入門 1.2】應用程式: 應用模板

應用模板

應用開始時，預設的模板就是應用模板。

你應該將頁首(header)、註腳(footer)和其他裝飾性內容放進此模板。
另外，至少放置一個{{outlet}} :一個佔位符，讓路由器根據應用當前的狀況，渲染適合的模板。



以下是一個應用模板的例子：

<header>
  <h1>Igor's Blog</h1>
</header>

<div>
  {{outlet}}
</div>

<footer>
  ©2013 Igor's Publishing, Inc.
</footer>

header和footer會一直顯示在屏幕上，但<div>裏的內容會根據網址而改變。( 如/posts或/posts/15 )

如果你將模板放在HTML檔案上，可以建立一個沒有模板名字的<script>標簽，它會自動編譯並附加在屏幕上。

<script type="text/x-handlebars">
  <div>
    {{outlet}}
  </div>
</script>

如果使用編譯工具載入模板，請確定模板的名字為application。

詳情可見 模板 及 路由 。

翻譯自：http://emberjs.com/guides/application/the-application-template/
參考：http://emberjs.cn/guides/application/the-application-template/