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>
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With