0

I want to use a simple google maps embed that utilizes angular bindings to make the map more dynamic. So instead of the following

<iframe width="425" height="350" frameborder="0" scrolling="no" 
marginheight="0" marginwidth="0" src="https://maps.google.com/maps?
f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=180+N+500+E,+Salt+Lake+City,+UT
&amp;output=embed"></iframe>

I want bindings to be added in the src attribute

<iframe width="425" height="350" frameborder="0" scrolling="no" 
marginheight="0" marginwidth="0" src="https://maps.google.com/maps?
f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q={{event.address}},+{{event.city}},+{{event.state}}
&amp;output=embed"></iframe>

When I do this I get this error in the console

Error:

$interpolate:noconcat Multiple Expressions

Im not sure what this means.

Ethaan
  • 11,291
  • 5
  • 35
  • 45
Chad Watkins
  • 531
  • 1
  • 8
  • 23
  • I think you have to use the `ng-src` attribute instead of the standard `src`. But I'm not sure... **EDIT:** Maybe you can also have a look at this question: http://stackoverflow.com/questions/20045150/angular-js-how-to-set-an-iframe-src-attribute-from-a-variable – LarsBauer Apr 10 '15 at 19:40
  • I just tried `ng-src` but unfortunately no change but I will take a look at that question – Chad Watkins Apr 10 '15 at 19:53

0 Answers0