Angular7中动态使用iframe，src安全连接问题

最新推荐文章于 2023-12-07 09:44:39 发布

原创最新推荐文章于 2023-12-07 09:44:39 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

以上内容皆由Hivulse蜂巢-AI驱动的代码知识库协作平台生成

文章标签：

#angular7 #前端 #安全

个人专栏收录该内容

7 篇文章

订阅专栏

本文探讨了在Angular 7中动态使用iframe时遇到的src安全连接问题，并提供了一个解决方案，通过使用DomSanitizationService的bypassSecurityTrustUrl方法来确保安全加载外部资源。

import {DomSanitizationService} from '@angular/platform-browser';

@Component({
templateUrl: 'build/pages/veeu/veeu.html'})export class VeeUPage {
static get parameters() {
return [NavController, App, MenuController, DomSanitizationService];
}

constructor(nav, app, menu, sanitizer) {

this.app = app;
this.nav = nav;
this.menu = menu;
this.sanitizer = sanitizer;
}

photoURL() {
return this.sanitizer.bypassSecurityTrustUrl(this.mediaItems[1].url);
}}

Angular7中动态使用iframe，src安全连接问题

具体内容请参考：https://mojocoderbo.com/detail?id=b40e624c-64d0-11e9-b179-525400da3f60