可用的plunker here
使用angular-google-maps
指令我试图在地图上一次显示多个标记和一个自定义窗口。
custom info
窗口内容放置在外部模板(infoWindow.tpl.html)中,在templateUrl
指令中设置为ui-gmap-window
:
<ui-gmap-window
show="map.window.show"
coords="map.window.model"
options="map.window.options"
closeClick="map.window.closeClick()"
templateUrl="'infowindow.tpl.html'">
一切正常,单击标记后,将显示信息窗口。但是,窗口渲染具有奇怪的效果(可以在plunker中轻松看到)。在渲染窗口之前,它似乎没有等待加载所有内容。
我尝试将ng-cloak
设置为infowindow.tpl.html
的容器div,但它似乎没有任何效果:
<div ng-cloak>
<p>Some content</p>
<img ng-src="https://material.angularjs.org/latest/img/washedout.png" class="md-card-image" alt="Washed Out">
</div>
我也尝试ng-cloak
直接使用ui-gmap-window
,但它也没有改变任何内容。
<ui-gmap-window
...
ng-cloak>
有关如何避免这种奇怪效果的任何想法?
谢谢