Java之品優購課程講義_day17(4)
阿新 • • 發佈:2019-01-07
2.1 地址選擇
(1)在 orderInfoController.js 增加程式碼
//選擇地址 $scope.selectAddress=function(address){ $scope.address=address; } //判斷是否是當前選中的地址 $scope.isSelectedAddress=function(address){ if(address==$scope.address){ return true; }else{ return false; } } (2)修改頁面-點選選擇 < div ng-repeat="address in addressList" > <div class="con name {{isSelectedAddress(address)?'selected':''}}" ><a href="javascript:;" ng-click="selectAddress(address)">{{address.contact}}<span title="點選取消選擇"> </a></div> <div class="con address" >{{address.address}}<span>{{address.mobile}}</span> <span class="base" ng-if="address.isDefault=='1'">預設地址</span> <span class="edittext"><a data-toggle="modal" data-target=".edit" data-keyboard="false" >編輯</a> <a href="javascript:;">刪除</a></span> </div> <div class="clearfix"></div> </div> (3)修改頁面,顯示選擇的地址 < div class="fc-receiverInfo"> 寄送至:{{address.address}} 收貨人: {{address.contact}} {{address.mobile}}</div> 2.1 預設地址顯示 修改 orderInfoController.js //查詢當前登入人的地址列表 $scope.findAddressList=function(){ addressService.findListByLoginUser().success( function(response){ $scope.addressList=response; //設定預設地址 for(var i=0;i< $scope.addressList.length;i++){ if($scope.addressList[i].isDefault=='1'){ $scope.address=$scope.addressList[i]; break; } } } ); }
2.1 收件人地址增加、修改與刪除
學員實現