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跨页传递参数

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

  • angular路由传递参数

    路由配置 跳转前页面 跳转后页面

  • **Angular** 笔记

    Angular 笔记 Angularjs 中 ui-sref 和 $state.go 如何传递参数 ng-repe...

  • Angular路由及参数传递

    生成一个新的项目 --routing会为我们生成路由相关的模块 路由相关的对象: routes 路由的配置,...

  • ng路由传参

    angular的路由传递参数一共有三种方式 固定参数、动态路由参数、查询参数三种叫法是本人习惯叫法 非官方 仅供...

  • AngularJS的基本使用

    AngularJS的基本使用 1 指令 2 angular的方法 3 $scope 中间对象 传递参数 交互体...

  • Jmeter中不同线程组的参数传递

    Jmeter跨线程组参数传递 引言:Jmeter中再同一个线程组中,参数传递可以使用 ${变量名} 的方式去传递参...

  • vue-router: 路由传参

    路由传参数。在很多时候我们需要路由上面传递参数,比如新闻列表页,我们需要传递新闻ID,给新闻详细页。 1.新闻列表...

  • jsp传参方法小结

    一、jsp页面到jsp页面## 1.从a.jsp传递 //将参数值为aaa,参数名test的参数传递到b.jsp页...

  • Jmeter跨线程传递参数

    前言:这里实现的功能是一个设计师提交案子给审核人审核(和设计师不是同一个人),所以请求接口的时候,HTTP信息头管...

网友评论

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

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