日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

EmberJS路由详解

發布時間:2024/9/20 javascript 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 EmberJS路由详解 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

配置路由器,ember中是根據路徑尋找與路由名相對應的模板和控制器的,比如當訪問http://localhost:80/這個網址的時候,ember框架會自動尋找與路由名post相對應的PostTemplate模板和PostRoute路由以及PostController控制器,其中路由和控制器可以不定義,框架會自動生成,但如果你想要在加載模板的時候做一些事情,比如給模板填充數據等,就可以在路由里面通過model或setupController兩個鉤子方法,這兩個方法會自動運行,當用戶在模板里觸發某個行為的時候,就會在模板所對應的控制器里面找相應的行為方法,所以說控制器可以用來監控模板視圖中用戶操作的動作,如果控制器是用來監控動作的,就用Ember.ObjectController.extend()來聲明,如果控制器是用來給模板提供數據(該數據可以在模板中直接遍歷),就用Ember.ArrayController.extend()來聲明

更正以上說法:如果是在地址欄中直接輸入的URL,是根據URL尋找模板、路由、控制器,如果是在模板中通過路由名定義的鏈接,則是根據路由名找相應的模板、路由、控制器

App.Route.map(function(){

  this.resource("post",{path:'/'});

  this.resource("posts",{path:"/:posts_id"});

  this.resource('about',{path:'about'});

})

App.PostRoute = Ember.Route.extend({

  model:function(){

    return [{id:1,name:'kevin',age:18},{id:2,name:'ivan',age:20}];

  }

})

?

App.PostController = Ember.ObjectController.extend({
isEditing: false,

actions: {
edit: function() {
this.set('isEditing', true);
},

doneEditing: function() {
this.set('isEditing', false);
}
}
});

總結

以上是生活随笔為你收集整理的EmberJS路由详解的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。