`
pollyanna
  • 浏览: 8093 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
  • pollyanna: css中clear的作用:clear 属性定义了元素的哪边上不 ...
    CSS学习

party_bid第三张卡片做完后的修改(四,如何使用URL传参数)

阅读更多

在之前完成party_bid卡片的过程中,因为对URL传参数的过程不了解,一直是用的localStorage来保存的中间变量。
    在做完第三张卡片之后,学习了一下URL传参数的使用方法,我重新清理了一下思路,把可以通过URL传递的参数整理出来,换成URL传参。
    用URL传参的三个步骤:

 

1.在路由中配置
    直接上代码,比较好解释:

.when('/bidding_participants/:activity_id/:bidding_id',{
            templateUrl: 'views/Bidding_participants.html',
            controller : 'Bidding_participants_Ctrl'
	}

     在这里,跳转到bidding_participants页面的时候,就传了两个参数,一个是activity_id,一个是bidding_id,他们之间用/:隔开。


2.在跳转前的页面

	$location.path('/bidding_participants/'+activity_id+'/'bidding_id);

   这样,就带了两个参数activity_id和bidding_id跳转到bididing_participants页面。

 

3.在bidding_participants的页面
    如何使用activity_id和bidding_id呢。这个时候就需要用到$routeParams。在使用它之前,需要在controller的这个地方加上$routeParams.如下段代码:

angular.module('testApp')
    	.controller('Bidding_participants_Ctrl', function($scope,$location,$routeParams) {
	……
	});

     在controller中,这样引用activity_id和bidding_id:
    $routeParams.activity_id
    $routeParams.bidding_id

 

 

   值得注意的是,由于我们在传参的时候用的是

$location.path('/bidding_participants/'+activity_id+'/'+bidding_id);

   这样的代码,这意味着,activity_id和bidding_id被强制转换成了字符串类型。
   如果你需要用到数字类型的,就需要用JSON.parse解析一下,然后再使用

JSON.parse($routeParams.activity_id);

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics