のGoogleマップにAngularJS式を追加しますが、私はGoogleマップを埋め込むにAngularJS式を追加しようとしている

Question

を埋め込み、ここに私のコードは次のとおりです。

<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

srcの代わりにng-srcを使用できますか？動作しないsrc属性に{{hash}}ような角度のマークアップを使用して

<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> 

角度ngSrcドキュメント

から

---

右：ブラウザがリテラルテキスト でURLから取得します{{hash}} Angularは{{hash}}の式を置き換えます。 ngSrcディレクティブはこの問題を解決します。