在这里,当我点击 storeAreaInCookie 这将产生城市的纬度和经度时,这些结果我必须存储在 cookie 中,并且需要在我想在我的网站中使用的任何地方使用。但是当我尝试使用此代码时,它不存储cookie 并在它的控制台中说未定义 cookie 存储。我该如何解决这个问题?
<div ng-app="MyApp" ng-controller="MyCtrl">
<div ng-repeat="x in names">
<div ng-click="storeAreaInCookie(x.city)" >{{x.city}}</div>
</div>
</div>
<script>
angular.module('MyApp', ['ngCookies'])
.controller('MyCtrl', ['$scope', '$http',"$rootScope", "$cookieStore", function($scope, $http, $rootScope, $cookieStore) {
$scope.storeAreaInCookie = function (area) {
var geocoder = new google.maps.Geocoder();
var lat="";
var long="";
geocoder.geocode( { 'address': area}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
$rootScope.lat=results[0].geometry.location.lat();
$rootScope.long=results[0].geometry.location.lng();
} else {
alert("Something went wrong " + status);
}
codeLatLng($rootScope.lat,$rootScope.long);
$(document).ready(function(){
$("#locationView").slideToggle();
});
});
$cookieStore.put('lat',$rootScope.lat);
$cookieStore.put('long',$rootScope.long);
alert("lat"+$cookieStore.get('lat'));
alert("long"+$cookieStore.get('long'));
};
}]);
</script>
最佳答案
可能是你搞乱了 angular-cookies 依赖。更改 $rootScope 中的值后,您需要使用 $rootScope.$apply()
手动运行摘要循环
代码
angular.module('MyApp', ['ngCookies'])
.controller('MyCtrl', ['$scope', '$http', "$rootScope", "$cookieStore", "$q", function ($scope, $http, $rootScope, $cookieStore, $q) {
$scope.names = [{
"id": 1,
city: "abc",
lat: 123,
long: 345
}, {
"id": 2,
city: "asd",
lat: 123,
long: 345
}, {
"id": 3,
city: "dfg",
lat: 123,
long: 345
}];
//mock ajax
$scope.storeAreaInCookie = function (area) {
var geocoder = new google.maps.Geocoder();
var lat = "";
var long = "";
geocoder.geocode({
'address': area.city
}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
$rootScope.lat = results[0].geometry.location.lat();
$rootScope.long = results[0].geometry.location.lng();
$rootScope.$apply()
$cookieStore.put('lat', $rootScope.lat);
$cookieStore.put('long', $rootScope.long);
alert("lat" + $cookieStore.get('lat'));
alert("long" + $cookieStore.get('long'));
} else {
alert("Something went wrong " + status);
}
//codeLatLng($rootScope.lat, $rootScope.long);
$(document).ready(function () {
$("#locationView").slideToggle();
});
});
};
}]);
Working Fiddle
希望能帮到你,谢谢。
关于angularjs - 如何解决 cookieStore is not defined 在angular js 中的错误?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28719356/