Angular需要点击两次才能显示谷歌地理代码的位置

Angular requires two clicks to show Google Geocode location

本文关键字：谷歌 显示 位置 代码 两次 Angular      更新时间：2023-09-26

我是Angular的新手，我想要构建的一个应用程序将获取用户输入的位置，并通过Google Geocoding API将其转换为坐标。我已经使用Angular的数据绑定来显示页面中的坐标。但是，按钮只会在单击两次后更改值，尽管我使用的是$rootScope中的一个函数，正如这个答案中所建议的那样。

这是小提琴。

更改此项：

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

到此：

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

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

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

$rootScope.$apply();

这会通知Angular有关模型更改的信息。

相关文章：