如何在Angular JS中将参数附加到iframe src Url？

Question

我在View中有一个iframe控件。

<iframe width="100%" height="800" ng-src="{{IframeSrcUrl}}"></iframe>

在控制器中，我有一个范围变量，如下所示。但iframe没有从范围变量获取url。另外，我们如何在控制器中附加额外的查询字符串参数？

$scope.IframeSrcUrl = 'https://mmr.com';

谢谢！

Answer 1

使用$ sce服务，例如： -

<iframe width="100%" height="800" ng-src="{{IframeSrcUrl | trustAsResourceUrl}}"></iframe>


app.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}])