将AngularJS表达式添加到Google地图嵌入

Question

我正在尝试将AngularJS表达式添加到Google Maps嵌入中，这是我的代码：

<iframe width="240" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q={{Property.Address.Location.Latitude}},{{Property.Address.Location.Longitude}}&amp;output=embed"></iframe>

虽然它没有显示正确的值。

Answer 1

您可以尝试使用ng-src代替src吗？

<iframe width="240" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ng-src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q={{Property.Address.Location.Latitude}},{{Property.Address.Location.Longitude}}&amp;output=embed"></iframe>

来自Angular ngSrc文档

  

在src属性中使用像{{hash}}这样的Angular标记并不起作用   右：浏览器将使用文字文本从URL中获取   {{hash}}直到Angular替换{{hash}}内的表达式。该   ngSrc指令解决了这个问题。