ここで storeAreaInCookie をクリックすると、都市の緯度と経度が得られます。これらの結果は、Cookie に保存する必要があり、Web サイトで使用したい場所で使用する必要があります。しかし、このコードを使用しようとすると、 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>