CODEWITHSUNDEEP
angularjsgoogle-mapswindowinfowindowangular-google-maps
Omar Kayali
Omar Kayali

Reputation: 53

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>

Upvotes: 5

Views: 3195

Answers (1)

Kildareflare
Kildareflare

Reputation: 4768

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.

Upvotes: 12

Related Questions