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

Question

我在View中有一个iframe控件。

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

在控制器中，我有一个范围变量，如下所示。但是iframe无法从作用域变量获取网址。另外，我们如何在控制器中附加其他查询字符串参数？

$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);
    };
}])