有時候數據庫定義的時候,用一個對象來代表某個屬性,之后直接訪問對象就可以獲取全部該對象的屬性,但是有時需求訪問對象中包含中的鍵值,引用鍵值的時候可以直接用.來獲取對象的鍵值,比如
對象points:
獲取對象的時候可以直接
$scope.points = data.points; //后台返回數據data
獲取對象的鍵值
$scope.lat = data.points.lat;
$scope.lng = data.points.lng;
所以我們要獲取當前值進行修改:
頁面
<tr ng-repeat="park in parkListView" style="text-align: center;"> <td>{{park.parkId}}</td> <td>{{park.parkName}}</td> <td title="parkName"> <span ng-if="!park.$edit">{{park.points.lng}}</span> <div ng-if="park.$edit"><input class="form-contrel" type="text" ng-model="park.points.lng" g-model-options="{getterSetter: true}"></div> </td> <td title="parkName"> <span ng-if="!park.$edit">{{park.points.lat}}</span> <div ng-if="park.$edit"><input class="form-contrel" type="text" ng-model="park.points.lat" ng-model-options="{getterSetter: true}" ></div> </td> <td >{{park.createDate | date:'yyyy/MM/dd HH:mm:ss'}}</td> <td title="Actions"><a type="button" class="btn btn-success" ng-if="!park.$edit" ng-click="park.$edit=true">增加</a> <a type="button" ng-if="park.$edit" class="btn btn-info" ng-click="editParkingName(park)">保存</a> <a type="button" ng-if="park.$edit" class="btn btn-default" ng-click="cancelEditName(park.$edit=false)">取消</a></td> </tr>
js:
$scope.points = park.points; $scope.points.lat = park.points.lat; $scope.points.lng = park.points.lng; console.info(typeof $scope.points) console.info('獲得經緯度:'+$scope.points.lat+'====='+$scope.points.lng); var opts = { editParkId : $scope.editParkId, editParkName : $scope.editParkName, lat : $scope.points.lat, lng : $scope.points.lng }; console.log(opts);
結果截圖: