iframe与离子/角度js无法正常工作

Question

我在我的离子应用中使用iframe来打开应用程序内的网页。

这就是我所拥有的：

  <iframe  class= 'webPage' name= "eventsPage" ng-src="{{object.url}}"></iframe>

问题在于，如果我使用ng-src="{{object.url}}或src="{{object.url}}获取网址，则iframe不显示任何内容，但如果我改为使用硬编码网址（例如http://www.google.com），那么它就可以了

我还检查了{{object.url}}的输出，这很好，一个有效的网址（http://www.example.com）。

有什么建议吗？

Answer 1

您需要在控制器中注入$ sce服务，并在那里注入trustAsResourceUrl。

 <iframe   ng-src="{{trustSrc(object.url)}}"></iframe>

并在控制器中

 $scope.trustSrc = function(src) {
       return $sce.trustAsResourceUrl(src);
  }