angularjs 中的iframe 标签 ng-src 路径

xiaoxiao2021-02-28  53

动态添加iframe 的src 

动态加载src 可以让其同时只加载一个iframe 减少请求

  解决方法:

1、ng里面有个属性是专门用来解决跨域问题的 $sce

  用法:

$scope.someUrl = $sce.trustAsResourceUrl('路径');例: <ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]"> <iframe ng-src="{{someUrl}}" height="100%" width="100%"></iframe> </ul>2、可以巧用上面方法写一个过滤器。 angular.module('filters-module', []) .filter('trustAsResourceUrl', ['$sce', function($sce) { return function(val) { return $sce.trustAsResourceUrl(val); }; }])例: <ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]"> <iframe ng-src="{{someUrl |trustAsResourceUrl }}" height="100%" width="100%"></iframe> </ul>
转载请注明原文地址: https://www.6miu.com/read-2626419.html

最新回复(0)