Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular google map window directive with templateParameter attribute

I'm using Angular-google-map library to show markers with windows like this :

 <google-map center="map.center"
 zoom="map.zoom"
 draggable="true"
  bounds="" 
   options ="{styles:map.options}"
  >

    <marker ng-repeat="hotel in hotelsFiltered"
     idKey="hotel.id"
     coords="{latitude:hotel.latitude,longitude:hotel.longitude}"
     hoteldata="hotel"
     icon="icon">
    </marker>

    <window ng-repeat="hotel in hotelsFiltered"
     coords="{latitude:hotel.latitude,longitude:hotel.longitude}"
     templateUrl="hotel.templateUrl"
     templateParameter="{title:'myTitle'}"
     show="hotel.show"
    >

    </window>


</google-map>

so in the window directive i provided the templateUrl, and the markers displayed the info window successfully , but the problem is that the parameter that i provided in the templateParameter seem not to be accessible in the template view . here is my template view for the infoWindow and how i tried to access the passed parameter from the window directive:

<div>
 {{title}}
 the title was not showed successfully 
</div>
like image 203
Omar Kayali Avatar asked Aug 21 '14 14:08

Omar Kayali


1 Answers

I had a very similar issue and the solution was to update the binding in the template as follows:

<div>
   {{parameter.title}}
</div>

The rest of your code can remain the same.

like image 58
Kildareflare Avatar answered Nov 03 '22 22:11

Kildareflare