遇到一個頁面跳轉(zhuǎn)的時候,在跳轉(zhuǎn)后的頁面獲取跳轉(zhuǎn)前頁面的數(shù)據(jù),我想到用一種是localstorage,一種用broadcast和on,然后老大說不用這么麻煩,既然都$state.go了直接帶參數(shù),這次就介紹一下$state.go頁面跳轉(zhuǎn)傳遞參數(shù)。
1.路由頁面(注意這里要在路由上添加一個參數(shù)用于傳遞數(shù)據(jù),不然在頁面跳轉(zhuǎn)的時候會filter)
.state("home.workpiece",{ // 跳轉(zhuǎn)前的頁面 url:"/workpiece", views: { home: { templateUrl: prefix + "project/workpiece.html", controller: "workpieceCtrl" } } }) .state("home.workpieceDetail",{ //跳轉(zhuǎn)后的頁面 url:"/workpieceDetail?workpieceList", views: { home: { templateUrl: prefix + "project/workpiece_detail.html", controller: "workpieceDetailCtrl" } } })
也可以將參數(shù)放在params中
.state("home.workpieceDetail",{ url:"/workpieceDetail", views: { home: { templateUrl: prefix + "project/workpiece_detail.html", controller: "workpieceDetailCtrl" } }, params: {workpieceList:null} })
2.在workpieceCtrl中
3.workpieceDetailCtrl中
這樣就可以將在頁面跳轉(zhuǎn)的時候傳遞數(shù)據(jù)了。希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答