Javascript iframe内部的AngularJS ng src

我在iframe中使用ng src时遇到问题。我需要这样做：

<div class="tab-content">
        <ul class="nav nav-tabs" ng-repeat="document in issues.Document">
            <div class="tab-pane pdf-height col-md-5 padding_0" id="{{document.name}}">
                <iframe ng-src="http://192.168.223.110/cat/{{document.directory}}/{{document.name}}.{{document.type}}" height="100%" width="100%"></iframe>                    
            </div>
        </ul>
    </div>

---

但是我不能这样做，因为我使用ng repeat循环，所以链接是动态生成的。它需要从数据库中读取

您可以改用过滤器：

HTML:

您可以在应用程序中的所有iFrame和其他嵌入项中使用此过滤器。

---

此筛选器将通过添加筛选器来处理您需要信任的所有URL。

好的，我找到了问题所在。。 感谢您提供的过滤器，它现在正在工作：）

我所需要做的就是创建ng src链接：

<iframe ng-src="{{apiUrl+document.directory + '/' + document.name + '.'+ document.type   | trustAsResourceUrl}}"
        height="100%" width="100%">
</iframe>

也许这对某人有帮助！：）

正如Kop4lyf所说 您需要在js中添加过滤器

//Create a filter for trust url
    app.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}]);

并将ih html输出为

ng-src="{{x.title.rendered | trustAsResourceUrl}}"

其他一些过滤器：

//Create a filter for trust html
    app.filter('trustAsHtml', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsHtml(val);
    };
}]);

---

好的，如果我只有一个..那就行了。但是它在ng repeat://{{{apiUrl}}{{{document.directory}}/{{document.name}}。{{{document.type}}中不起作用。我正在创建这样的链接..你能为它创建一个提琴吗。或者提供一个代码片段。我不明白为什么这不起作用。哦，很抱歉，你可能没有看到我的答案：）问题是我没有按正确的方式编写url:）过滤器工作正常，谢谢！：）我认为最好使用ng src作为iframe，在指定angular之前，“src”向服务器发送一些错误请求。同意。它基本上尝试检索带有花括号的iframe表达式，该表达式被编码为一些丑陋的url:）

angular.module('filters-module', [])
.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}])

<iframe ng-src="{{apiUrl+document.directory + '/' + document.name + '.'+ document.type   | trustAsResourceUrl}}"
        height="100%" width="100%">
</iframe>

//Create a filter for trust url
    app.filter('trustAsResourceUrl', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsResourceUrl(val);
    };
}]);

ng-src="{{x.title.rendered | trustAsResourceUrl}}"

//Create a filter for trust html
    app.filter('trustAsHtml', ['$sce', function($sce) {
    return function(val) {
        return $sce.trustAsHtml(val);
    };
}]);