angularJS ng-src with trustAsResourceURL

Question

我正在尝试使用ng-src="localhost/test/public/getreportsdata/1"在我的网页中创建iframe。我使用了信任源函数$sce.trustAsResouceUrl，这就是在iframe中打开服务的结果。

我在我的笔记本电脑上测试了它，现在在我的桌面上它给了我：

  

无法读取未定义

的属性'trustAsResourceUrl'

我的HTML iframe：

<iframe width="800" height="800" ng-src="{{trustSrc(reportbydateresource.src)}}"></iframe> 

我的js代码：

angular.module('backOfficeApp')
.controller('CheckReportsCtrl', CheckReportsCtrl);
CheckReportsCtrl.$inject=['$scope','$http','$filter'] ;
function CheckReportsCtrl($scope,$http,$filter,$sce){
$scope.trustSrc = function (src){
return $sce.trustAsResourceUrl9src); };
$scope.reportbydateresouce={src:"localhost/test/public/getreportsdata/1"}

有什么想法吗？

Answer 1

1-使用提供者注入$ sce

.controller('CheckReportsCtrl', CheckReportsCtrl);
 CheckReportsCtrl.$inject=['$scope','$http','$filter','$sce'] ;

2-我包括angular.min.js angularjs.js和angular.js我从版本1.5.8中删除了angularjs.js并解决了问题。