Angular需要两次点击才能显示Google Geocode位置

Question

我是Angular的新用户，我想要构建的其中一个应用会获取用户输入的位置，并通过Google地理编码API将其转换为坐标。我使用Angular的数据绑定来显示页面中的坐标。但是，按钮只会在两次点击后更改值，即使我在this answer中使用了$rootScope中的函数。

这是jsfiddle。

Answer 1

将新值分配给$ rootScope.position后，只需调用：

IdentityUser

这会通知Angural模型的变化。

Answer 2

改变这个：

$rootScope.position = results[0].geometry.location

到此：

 $rootScope.$apply(function() {
    $rootScope.position = results[0].geometry.location;
 });

您需要告诉angular将您的更改应用于视图。