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

最新推荐文章于 2025-03-18 00:49:06 发布

Steven博

最新推荐文章于 2025-03-18 00:49:06 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：个人文章标签： angular7 前端安全

本文链接：https://blog.youkuaiyun.com/BoEasonRaining/article/details/89455697

个人专栏收录该内容

7 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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