1. 程式人生 > >angularJS 路由跳轉(帶引數)

angularJS 路由跳轉(帶引數)

如果需要從一個頁面調到另一個頁面,並且帶引數,比如買完商品後跳轉到支付頁面,並且傳一些使用者和金額之類的引數。

從頁面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>