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>