从谷歌api动态插入值到视图中不显示的对象

Question

我正在使用谷歌矩阵api来获取我的离子2应用程序中的距离和持续时间。我面临的问题是，因为谷歌api需要一些时间来加载我能够从谷歌api插入值到javascript数组对象仅在页面呈现后

• 值已插入数组对象但未显示在视图中
• 如果我与用户界面进行交互，只需按一下按钮或下拉菜单就可以显示来自谷歌API的插入值

请提出解决此问题的正确方法，非常感谢任何帮助

Answer 1

通常当视图没有更新数据更改时，就意味着Angular的区域出现了一些问题。

当您的代码在Angular区域之外运行时，Change Detector无法检测到更改，并且视图将不会更新。

要强制更改检测 - 您应该使用zone.run()方法（docs）在Angular区域内明确运行代码。

有关如何强制更改检测的更多选项，请参阅此answer。