Question

我正在尝试使用Google Maps api显示来自json文件的数据的地图，但是当我尝试使用json数据时，我得到错误'错误：[$ interpolate：noconcat]错误，同时插入'< / p>

AndroidManifest.xml doesn't exist or has incorrect root tag

我尝试过使用'src'而不是'ng-src'，我尝试使用'trustSrc'也不行。根据我的理解，因为数据在加载之前被访问但我不知道如何在html中解决这个问题，在javascript中我可以检查数据是否在访问之前已经加载。

Answer 1

这种情况正在发生，因为您将多个表达式绑定到src或ng-src。您需要将声明与URL分开。表达式中的字符串连接不起作用，因为数据在加载之前被访问，因为在您的情况下正在发生。

针对此问题已针对SO提供解决方案，您可以查看这一个问题，第二个响应可以解决您的问题。

AngularJS multiple expressions concatenating in interpolation with a URL

希望这有助于!!

Answer 2

我也有同样的问题你可以这样做。您需要在控制器中注入$ sce服务。

 $scope.LocationURL=$sce.trustAsResourceUrl("https://www.google.com/maps/embed/v1/place?q=" + $scope.office.LocAddressline1 +"&key=AIzaSyBGAHnplGPjFoVvShk6Tsna3-DN8rHQBI8");

然后在你的html页面

<iframe id="map" width="750" height="450" frameborder="0" style="border:0" src="{{LocationURL}}" allowfullscreen></iframe>

Google Maps嵌入api错误错误：[$ interpolate：noconcat]插值时出错

2 个答案: