使用服务更新带有用户位置的字段

Question

当我收到给定用户的地理位置时，我想更新一些字段。

直到知道我有下面的代码：

http://jsfiddle.net/VSph2/10/

首先，我得到一个Error: Unknown provider: positionProvider <- position（仅在的jsfiddle）。我没有在我的真实网站上看到这个错误。

问题是，当我得到位置时，我更新服务中的position对象，但它不会在HTML视图中更新。

有什么建议吗？

Answer 1

试试这个。 Fiddle

var test = angular.module('myApp', []); 
var services = angular.module('myApp.services', []); 
services.factory('position', ['$http', function ($http) { ... 

应该

var test = angular.module('myApp', []); 
test.factory('position', ['$http', function ($http) { ... 

您应该更新控制器代码这一点，使用一个回调函数和$适用于申请设置范围值。

position.getPosition(function (p) { 
    $scope.$apply(function() { 
     $scope.position.latitude = p.coords.latitude; 
     $scope.position.longitude = p.coords.longitude; 
     $scope.position.accuracy = p.coords.accuracy; 
    }); 
});