如何保存在 Firebase 中持久存在的地理位置数据？

Question

我想在提交输入时保存地理坐标以进行内部数据排序。

它显示坐标，即加载当前位置。但是，数据并未保存，而是不断刷新。我尝试将其另存为：

位置：{lat:'',lng:''}

如何确保保存数据而不仅仅是刷新当前位置？

导航栏控制器

 app.controller('NavCtrl', function($scope, $location, Post, Auth, $state, Geolocation) {
      $scope.post = {
        title:     '',
        lat:  '',  
        lng:  ''
      };

同一控制器下提交函数

 $scope.submitPost = function () {
    Post.create($scope.post).then(function (ref) {
    $location.path('tab/posts/' + ref.name()); 

      $scope.post = {
        title:     '',
        lat:  '',  
        lng:  ''
      };

      $scope.position = null;
      $scope.message = 'Determining location...';  

      new Geolocation().then(function (position) {
        $scope.position = position;
      }, function (reason) {
        $scope.message = 'Could not be determined';
      });

也在主控制器下

app.controller('MainCtrl', function($scope, Post) {

  $scope.posts = Post.all;
  $scope.post = {
    title:      '',
    lat:  '',       //inserted geodata to be reflected in main page
    lng:  ''
  };

Answer 1

您的范围一直在重新创建。当您的 submitPost 方法运行时，该位置再次从当前的 $scope 消失。这很容易通过在其中放置一些console.log 语句来确定。

console.log('clearing position');
$scope.position = null;
$scope.message = 'Determining geolocation';

new Geolocation().then(function (position) {
  console.log('setting position');
  $scope.position = position;
}, function (reason) {
  $scope.message = 'Could not be determined';
});

你会看到它记录：

清仓

设置位置

当您最初加载页面时。然后是另一个：

清仓

当您点击“新帖子”链接时。因此，您的控制器似乎在那里重新执行，这从范围中清除了位置。

我能找到的最快解决方法是简单地在 $rootScope 上设置地理位置并从那里使用它：

//console.log('clearing position');
//if (!$scope.position) $scope.position = null;
$scope.message = 'Determining geolocation';

new Geolocation().then(function (position) {
  console.log('setting position');
  $rootScope.position = position;
}, function (reason) {
  $scope.message = 'Could not be determined';
});

////////////////////////////  NEW POST  ////////////////////////////
$scope.submitPost = function () {
  Post.create($scope.post).then(function (ref) { //postId works
    $location.path('tab/posts/' + ref.name());   // replace with postId
    console.log('submitPost: position=');console.log($scope.position);
    $scope.post = {
      title:      '',
      timestamp:  new Date().toUTCString(),
      position:  $rootScope.position
    };
  });
};

这样，当我们到达submitPost 时，该位置仍在根范围内。

随着您使用 console.log 和 Chrome Angular devtools 等工具变得更好，您可能会弄清楚控制器第二次执行的原因（从当前范围清除位置）。但这应该会让你上路。