javascript - 如何隐藏和显示 map 在 angular 1.x 中使用 angularjs-google-maps

标签 javascript css angularjs

我是 angular 的新手,我在使用 angularjs-google-maps 时遇到问题 Use this library ,我不知道为什么会在我的代码中发生这种情况,这是我的代码:

<div ng-show="!emptyAddress">
    <ng-map center="41,-87"></ng-map>
</div>

<button ng-click="emptyAddress = !emptyAddress"> Show Map </button>

但是当我按下按钮时, map 只显示灰色。 Here's the problem picture

我尽量不隐藏它并显示 map 。但我需要先隐藏它。

我尝试使用具有属性高度、不透明度和显示的 CSS 来修复它。但是 map 还是灰色的:(

我想在他的 repo 中询问它,但问题模板告诉我先在这里询问。谁能帮我?

最佳答案

使用 ngif 而不是 ng-show/hide

它会解决问题

关于javascript - 如何隐藏和显示 map 在 angular 1.x 中使用 angularjs-google-maps,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45013628/

相关文章:

html - 如何更改输入按钮字体颜色?

javascript - 使用 ng-hide 通过 colResizable 切换表中的列

javascript - jqunit,测试正则表达式有时会失败,为什么?

javascript - 在 toDataURL 之前缩放图像 - html2canvas

html - 列表项内具有 "overflow: hidden"的 block 在 Edge 上向下移动

html - 由于 CSS 动画,未处理复选框上的单击事件

javascript - Fullpage.js - 点导航样式

javascript - 如何将新元素附加到两个不同的位置 JavaScript ES6

javascript - AngularJS 路由和 ASP.net MVC

javascript - 从弹出窗口获取 JSON 结果。 Angular .JS