前端实际项目web开发每日小记

angular跨页传递参数

2017-10-23  本文已影响5人  麦壳儿UIandFE2

三步:
案例:从A页面向B页面传递一个或是多个参数。A:场馆,B:设备
1:丢出去
A页面的控制器:

  $state.go("devConfig", {"gymId": item.id,"gymType":item.type,"deviceCost":item.deviceCost});

2:配置路由
app.js路由配置文件

        //从场馆进-设备
        .state('devConfig', {
            url: '/Saas/devConfig?gymId&gymType&deviceCost',//场馆的id和类型type,设备费用
            templateUrl: 'app/views/Saas/devConfig.html',
            controller: function ($rootScope) {
            }
        })

3:接过来
B页面的控制器:

"gymId": $stateParams.gymId,
$stateParams.gymType
$scope.data.cost = $stateParams.deviceCost ? $stateParams.deviceCost : $scope.data.cost;

注意:$state,$stateParams使用的时候需要先注入。

上一篇 下一篇

猜你喜欢

热点阅读