angular跨页传递参数

作者: 麦壳儿UIandFE2 | 来源:发表于2017-10-23 18:01 被阅读5次

    三步:
    案例:从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使用的时候需要先注入。

    相关文章

      网友评论

        本文标题:angular跨页传递参数

        本文链接:https://www.haomeiwen.com/subject/hliauxtx.html