AngulaJS路由 ui-router 傳遞多個參數

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

基本參數: 
‘/user/:id’ 
‘/user/{id}’ 
‘/user/{id:int}’正則表達式

使用正則表達式: 
‘/user/{id:[0-9]{1,8}’ 
//匹配全部以user開始的url 並將剩餘參數傳給id 
‘/user/{id:.*}’ 
‘/user/*idurl

傳遞參數方式1
href=」#/txnresult/{{originAmount}}/{{finalAmount}}/{{currentPoint}}/{{txnId}}/{{discountAmount}}」.net

傳遞參數方式2
$state.Go(‘txnresult’,{originAmount: d.result.originAmount,finalAmount: d.result.finalAmount,currentPoint: d.result.currentPoint,txnId: d.result.txnId,discountAmount: d.result.discountAmount});htm

獲取參數
$scope.originAmount = $stateParams.originAmount; 
$scope.finalAmount = $stateParams.finalAmount; 
$scope.currentPoint = $stateParams.currentPoint; 
$scope.discountAmount = $stateParams.discountAmount; 
$scope.txnId = $stateParams.txnId;路由

相關文章
相關標籤/搜索