Angular 頁面跳轉(zhuǎn)時傳參問題
首先,你需要已經(jīng)配置過你的rout,比如:
$stateProvider .state('firstPage',{ url:'/Page/firstPage', templateUrl: 'Page/views/firstPage.html', controller: 'firstPageCtrl' //dependencies: ['service/vipSeachService'] }) .state('secPage', { params:{'message':null}, url: '/Page/secPage', templateUrl: 'Page/views/secPage.html', controller: 'secPageCtrl' })
其中注意第二個地址信息中的params屬性,這個就是你要接受參數(shù)的對象,以key :value的形式定義
而在跳轉(zhuǎn)頁面時,兩個方法都可以傳參,一種是直接寫在html中
<a ui-sref="sec-page">跳轉(zhuǎn)第二頁</a>
此時傳參跟在頁面地址的后面
<a ui-sref="sec-page({message:messageId})">跳轉(zhuǎn)第二頁</a>
第二種就是寫在controller中
.controller('firstPageCtrl', function($scope, $state) { $state.go('secPage'); });
同樣參數(shù)寫在地址后面,以對象的形式
.controller('firstPageCtrl', function($scope, $state) { $state.go('secPage',{message:messageId}); });
傳過去的參數(shù),需要在目標(biāo)頁面的controller中用$stateParams接收,改方法需要提前注入
.controller('secPageCtrl', function($scope, $state,$stateParams) { var test=$stateParams.message; });
以上所述是小編給大家介紹的Angular 頁面跳轉(zhuǎn)時傳參問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- AngularJS利用Controller完成URL跳轉(zhuǎn)
- AngularJS路由實(shí)現(xiàn)頁面跳轉(zhuǎn)實(shí)例
- angularjs項(xiàng)目的頁面跳轉(zhuǎn)如何實(shí)現(xiàn)(5種方法)
- Angular中$state.go頁面跳轉(zhuǎn)并傳遞參數(shù)的方法
- AngularJS之頁面跳轉(zhuǎn)Route實(shí)例代碼
- angular4 如何在全局設(shè)置路由跳轉(zhuǎn)動畫的方法
- AngularJS實(shí)現(xiàn)單一頁面內(nèi)設(shè)置跳轉(zhuǎn)路由的方法
- AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
- AngularJS實(shí)現(xiàn)頁面跳轉(zhuǎn)后自動彈出對話框?qū)嵗a
- AngularJS實(shí)現(xiàn)的錨點(diǎn)樓層跳轉(zhuǎn)功能示例
相關(guān)文章
原生JS實(shí)現(xiàn)Ajax跨域請求flask響應(yīng)內(nèi)容
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)Ajax跨域請求flask響應(yīng)內(nèi)容,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10JavaScript實(shí)現(xiàn)移動端帶transition動畫的輪播效果
這篇文章主要介紹了JavaScript原生實(shí)現(xiàn)帶transition動畫的自動+手動輪播效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03學(xué)習(xí)JavaScript設(shè)計(jì)模式(單例模式)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式,其中重點(diǎn)介紹單例模式,舉例說明單例模式的技術(shù)、弊端等,對單例模式進(jìn)行詳細(xì)剖析,感興趣的小伙伴們可以參考一下2015-11-11JavaScript對象的特性與實(shí)踐應(yīng)用深入詳解
這篇文章主要介紹了JavaScript對象的特性與實(shí)踐應(yīng)用,結(jié)合實(shí)例形式較為深入的分析了javascript對象的相關(guān)概念、操作方法及注意事項(xiàng),需要的朋友可以參考下2018-12-12