javascript - Google Maps for AngularJS 不适用于与 "HIDE"和 "SHOW"相关的任何 Angular 指令

Question

一旦使用 ng-hide 或 ng-show，AngularJS 谷歌地图库就无法工作，一旦调用两个显示函数之一， map 就会发生以下情况:

只有当您稍微调整浏览器窗口大小时才能解决此问题，是否有 hack 会执行类似于调整窗口大小的操作以使用 javascript 修复此图形问题？

如果没有 hack，这个 AngularJS 谷歌地图库将完全破坏单页应用程序的目的。

在另一个像这样的 stackoverflow 问题中，解决方案是将 ng-cloak 指令添加到此 map 标记中:

<map ng-cloak zoom="10" style="visibility:hidden; z-index:1000; width:900px; height:300px; display:inline-block;" width="1600" height="1600"/>

但我已经尝试过了，但它完全没有任何作用。也许我可以做一些像 $rootScope.map.width = z; ???

如何使用 JavaScript 立即复制窗口大小调整修复？或者我想一个更好的问题是，尽管这个库已损坏，但您如何才能使它正常工作。

这个 Angular 库将无法工作，除非这个问题得到修补并且使用临时 hack 来解决图形错误。

Answer 1

尝试使用 data-ng-if 而不是 ng-hide 或 ng-show。