1. 程式人生 > >Java之品優購課程講義_day17(4)

Java之品優購課程講義_day17(4)

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 收件人地址增加、修改與刪除
學員實現