2015-02-06 28 views
0

当我点击自定义标记时,我正在用信息窗口显示很多信息。我终于展示给他们,但结果并不完全正确。实际上,单击第一个标记,信息框就会正确显示其内容。但是,在第一次之后单击任何其他标记会导致信息窗口显示,但会显示之前的内容。 这种情况发生在任何标记上:第一次点击作品,后续作品显示以前的内容。信息窗口没有被刷新:AngularJS和谷歌地图

代码:

<map data-ng-model="mymap" zoom="4" center="[38.50, -95.00]" style="heigth:375px"> 

      <info-window id="foo"> 
      <div ng-non-bindable=""> 

      <ul> 
       <li ng-repeat="item in list">{{item.name}}</li> 
      </ul> 
      </div> 
     </info-window> 

      <marker ng-repeat="item in list" 
      position="[{{item.coordinates}}]" itemTitle="{{item.name}}" 
      icon="./images/i.png" on-click="showInfoWindow('bar')" />  

     <info-window id="bar"> 
     <div class="infowindowtexttitle">{{this.itemTitle}}</div> 
     </div> 
     </info-window> 
+0

我看到你在你的showInfoWindow调用中硬编码'bar',你打算这样做吗? – mindparse 2015-02-06 14:29:57

+0

我不确定你的意思。我需要在信息窗口中显示itemTitle,并且我在地图上放置了几个标记,每个标记都在itemTitle字段中有标题存储。 – Manu 2015-02-06 15:16:10

+0

好的,你能更新上面的代码并显示showInfoWindow在做什么吗? – mindparse 2015-02-06 15:18:08

回答

0

问题要解决: 1)创建围绕标记和信息窗口 2格)移动NG-重复到新的div 3)使用迭代变量(项)而不是这个。