Javascript Can'；t使用angularJS将URL加载到iframe中

使用AngularJS，我试图将“myLink”URL地址加载到另一个html中的iframe。 data.No是我从另一个地方提取的id，工作正常（获取url所需的id）

在控制器-“TransactionCtrl”中：

在HTML中：

<div ng-controller= "TransactionsCtrl">
    <iframe ng-src="{{myLink}}"></iframe>
</div>

---

当我硬编码的网址它的工作良好

在控制器中，您应该使用：

   $scope.myLink =  $sce.trustAsResourceUrl(myUrl)

---

它对我很有用：你可以在js代码中把它作为一个函数来编写

$scope.trustSrc = function(src) {
  return $sce.trustAsResourceUrl(src);
}
$scope.iframe = {src:"http://www.youtube.com/embed/Lx7ycjC8qjE"};

并在您的视图中使用它：

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

})

并在视图中使用它：

 <iframe ng-src="{{iframe.src | trusted}}"></iframe>

---

如果您有一个或一组url，这很好。。如果您需要动态地传递它们，那么就不太好了，因为您必须在控制器中设置它们，而不是作为变量传递。虽然这是正确的。下面来自saghar.fadaei的答案是要使用的解决方案。

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

.filter('trusted', function($sce){
return function(url) {
    return $sce.trustAsResourceUrl(url);
};

 <iframe ng-src="{{iframe.src | trusted}}"></iframe>