iT邦幫忙

DAY 2
0

Ember.js系列 第 2

[Ember.js] 如何做頁面切換

  • 分享至 

  • xImage
  •  

※提醒您,Ember.js是採用1.7.0版本,內文解說僅為心得非正確答案。

《 如何做頁面切換 》

【範例】

http://jsbin.com/sepaze/edit?html,js,output

【解析】

this.route($route)

一般路由;$route是路由名稱,假設$route設定為"add"。

  1. 當你連到 {網址}/add 會顯示 <script type="text/x-handlebars" data-template-name="add">{內容}</script> 裡面的內容。
  2. 路由器名稱 AddRoute。
  3. 控制器名稱 AddController。

this.resource($route, function(){this.route($sub_route)})

巢狀路由;$route為路由名稱,可設子項目,假設$route設定為"add",$sub_route設定為"content"。

  1. 當你連到 {網址}/add/contet 會顯示 <script type="text/x-handlebars" data-template-name="add/conte">{內容}</script> 裡面的內容。
  2. 路由器名稱 AddContentRoute。
  3. 控制器名稱 AddContentController。

上一篇
[Ember.js] 為何用、如何嵌入和寫第一支Hello World
下一篇
[Ember.js] 如何讀取資料
系列文
Ember.js6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言