Java之品优购课程讲义_day18（8）

支付成功页面显示金额
4.5.1 问题分析
现在我们支付成功页面显示的是固定的值，怎么显示真正的支付金额呢？我们这里可以 使用 angularJS 的页面传参来解决。
4.5.2 代码完善
（1）修改 payController.js 跳转页面传参

//查询支付状态
queryPayStatus=function(out_trade_no){
payService.queryPayStatus(out_trade_no).success(
function(response){
if(response.success){
location.href="paysuccess.html#?money="+$scope.money;
}else{
if(response.message=='二维码超时'){
$scope.createNative();//重新生成二维码
}else{
location.href="payfail.html";
}
}
}
);
}

（2）在 payController.js 中引入$location 服务 ，新增方法

//获取金额
$scope.getMoney=function(){
return $location.search()['money'];
}

（3）修改页面 paysuccess.html ，引入 JS (与 pay.html 相同) ，body 添加指令

ng-app="pinyougou" ng-controller="payController"

用表达式显示金额

<p>支付金额：￥{{getMoney()}}元</p>