AngulaJS路由 ui-router 传递多个参数_angularrouter中state中怎么添加参数-优快云博客

本文介绍了如何定义路由并使用不同的方式传递参数到指定的路由中，包括直接在URL中定义参数以及通过正则表达式匹配参数的方法。同时，还详细说明了如何在控制器中获取这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义路由:
.state(‘txnresult’, {
url: ‘/txnresult/:originAmount/:finalAmount/:currentPoint/:txnId/:discountAmount’,
templateUrl: ‘templates/txnresult.html’,
controller: ‘TxnResultCtrl’
})

基本参数：
‘/user/:id’
‘/user/{id}’
‘/user/{id:int}’

使用正则表达式：
‘/user/{id:[0-9]{1,8}’
//匹配所有以user开始的url 并将剩余参数传给id
‘/user/{id:.*}’
‘/user/*id

传递参数方式1:
href=”#/txnresult/{{originAmount}}/{{finalAmount}}/{{currentPoint}}/{{txnId}}/{{discountAmount}}”

传递参数方式2:
$state.go(‘txnresult’,{originAmount: d.result.originAmount,finalAmount: d.result.finalAmount,currentPoint: d.result.currentPoint,txnId: d.result.txnId,discountAmount: d.result.discountAmount});

获取参数:
$scope.originAmount = $stateParams.originAmount;
$scope.finalAmount = $stateParams.finalAmount;
$scope.currentPoint = $stateParams.currentPoint;
$scope.discountAmount = $stateParams.discountAmount;
$scope.txnId = $stateParams.txnId;