Angular 动态地将google api中的值插入到视图中未显示的对象中

Angular 动态地将google api中的值插入到视图中未显示的对象中,angular,google-api,ionic2,Angular,Google Api,Ionic2,我正在使用google matrix api在我的ionic 2应用程序中获取距离和持续时间。我面临的问题是,由于google api需要一些时间来加载,我只能在页面呈现后将google api中的值插入javascript数组对象 值被插入到数组对象中,但未显示在视图中 如果我与UI交互,只需按下一个按钮或下拉菜单,就会出现来自GoogleAPI的插入值 请建议解决此问题的正确方法,非常感谢您提供的任何帮助通常当视图未随数据更改而更新时,这意味着有东西超出了Angular的范围 当代码在角

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

  • 值被插入到数组对象中,但未显示在视图中
  • 如果我与UI交互,只需按下一个按钮或下拉菜单,就会出现来自GoogleAPI的插入值

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

通常当视图未随数据更改而更新时,这意味着有东西超出了Angular的范围

当代码在角度区域之外运行时,
更改检测器
无法检测到更改,视图将不会更新

要强制进行更改检测,您应该使用
zone.run()
方法()在角度区域内显式运行代码


有关如何强制更改检测的更多选项,请参见此。

这可能与Angular的
更改检测器相关。
请参见以下答案:谢谢@naomi您是对的,zone.run()方法为我解决了此问题。@naomi您愿意将此作为答案添加,以便我们结束此问题吗?@Sebafereras我添加了我的答案, thanks@Abhijeet请接受内奥米的回答