将来自谷歌 API 的值动态插入到对象中，未显示在视图中

Question

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

• 值入到数组对象中，但未显示在视图中
• 如果我与UI交互，只需说按下按钮或下拉菜单，然后出现来自Google API的插入值

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

Answer 1

通常，当视图没有使用数据更改进行更新时，这意味着某些东西超出了Angular的区域。

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

若要强制更改检测 - 应使用 zone.run() 方法(docs(在 Angular 区域内显式运行代码。

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