Home AngularJS External Link to Google Maps Address not working
Reply: 0

AngularJS External Link to Google Maps Address not working

Nate23VT
1#
Nate23VT Published in 2017-11-14 16:02:34Z

I am trying out AngularJS for the first time and I seem to have a fairly easy request that I am struggling with. I am inserting an address into a link and trying to make that address go to Google Maps for navigation.

Here is my AngularJS code:

<a href='https://www.google.com/maps/dir?api=1&query={{ wr.ADDRESS_1 }}' target='_blank'>{{ wr.ADDRESS_1 }}</a>

Which is converted in HTML to the following:

<a href="https://www.google.com/maps/dir?api=1&amp;query=123 MAIN ST ARLINGTON VA 22207" target="_blank" class="ng-binding">123 MAIN ST ARLINGTON VA 22207</a>

But nothing happens when I click the link. I tried to change to ng-href but that did not make a difference.

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.292326 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO