Angular 頁面跳轉時傳參問題
更新時間：2016年08月01日 10:40:07 作者：lvyi
這篇文章主要介紹了Angular 頁面跳轉時傳參問題的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
首先，你需要已經(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的形式定義
而在跳轉頁面時，兩個方法都可以傳參，一種是直接寫在html中
<a ui-sref="sec-page">跳轉第二頁</a>
此時傳參跟在頁面地址的后面
<a ui-sref="sec-page（{message:messageId}）">跳轉第二頁</a>
第二種就是寫在controller中
.controller('firstPageCtrl', function($scope, $state) {
$state.go('secPage'); });
同樣參數(shù)寫在地址后面，以對象的形式
.controller('firstPageCtrl', function($scope, $state) {
$state.go('secPage'，{message:messageId});
});
傳過去的參數(shù)，需要在目標頁面的controller中用$stateParams接收，改方法需要提前注入
.controller('secPageCtrl', function($scope, $state,$stateParams) {
var test=$stateParams.message;
});
以上所述是小編給大家介紹的Angular 頁面跳轉時傳參問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關文章
原生JS實現(xiàn)Ajax跨域請求flask響應內(nèi)容
這篇文章主要為大家詳細介紹了JS實現(xiàn)Ajax跨域請求flask響應內(nèi)容，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了json與jsonp知識小結(推薦)的相關資料,需要的朋友可以參考下2016-08-08
JavaScript實現(xiàn)移動端帶transition動畫的輪播效果
這篇文章主要介紹了JavaScript原生實現(xiàn)帶transition動畫的自動+手動輪播效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要帶領大家學習JavaScript設計模式，其中重點介紹單例模式，舉例說明單例模式的技術、弊端等，對單例模式進行詳細剖析，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細介紹了微信小程序自定義底部導航，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了純js實現(xiàn)無限空間大小的本地存儲的功能，源碼和demo都放給大家，本文著重說下實現(xiàn)的原理，具體的實踐擴展小伙伴們自由發(fā)揮吧。2015-06-06
這篇文章主要給大家介紹了關于Javascript處理循環(huán)的異步操作的相關資料,文中通過實例代碼介紹的非常詳細,對大家學習或者使用js具有一定的參考學習價值,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了JavaScript對象的特性與實踐應用,結合實例形式較為深入的分析了javascript對象的相關概念、操作方法及注意事項,需要的朋友可以參考下2018-12-12
本文通過實例代碼給大家介紹了JS圖片輪播與索引變色功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
這篇文章主要介紹了SublimeText自帶格式化代碼功能之reindent的相關資料,需要的朋友可以參考下2015-12-12