angularJS 路由跳轉(帶引數)
阿新 • • 發佈:2019-02-08
如果需要從一個頁面調到另一個頁面,並且帶引數,比如買完商品後跳轉到支付頁面,並且傳一些使用者和金額之類的引數。
從頁面A跳轉到頁面B
A的Controller裡跳轉部分
$state.go("app.B(B頁面路由地址)",{id:111, name: aaaa});
{}裡是跳轉後到B頁面所需引數,
在B頁面接收引數部分程式碼:
$scope.id= $stateParams.id;
這裡會經常遇到一個問題,就是所傳引數取不到,有可能是定義B的路由時沒有定義傳參需要的params
B路由定義如下:
.state('app.B',{ url:'/B', params:{"id":null, name: null}, templateUrl:'modules/B.html', controller: 'BCtrl', resolve:{ deps: ['uiLoad', function (uiLoad) { return uiLoad.load( [ ]); }] } })
另外還有一種方法,就是在超連結中直接用ui-sref來跳轉,如下:
<a ui-sref="app.你的路由">點我就能跳轉</a>