iframe 跨域加载页面

最新推荐文章于 2023-11-11 14:19:29 发布

一条•猪儿虫

最新推荐文章于 2023-11-11 14:19:29 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： Angular iframe

本文链接：https://blog.youkuaiyun.com/Amandam2018/article/details/99285105

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍在Angular7中如何使用iframe动态嵌入页面，并解决unsafevalueusedinaresourceURLcontext的安全警告。通过使用DomSanitizer的bypassSecurityTrustResourceUrl方法，确保iframe源的安全加载。

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

Angular7中使用iframe动态嵌套页面。

1. html:


 <iframe  [src]="href" frameborder="0"></iframe>

2. ts: 解决问题：（unsafe value used in a resource URL context）

import { Component, OnInit, Input, OnChanges, SimpleChanges, EventEmitter, Output } from '@angular/core';

import { DomSanitizer } from '@angular/platform-browser'


@Component({
  selector: 'xxx',
  templateUrl: '.xxx.component.html',
  styleUrls: ['./xxx.component.less']
})
export class BoardV2Component implements OnInit, OnChanges {

  href:any;
  constructor(  
    public sanitizer:DomSanitizer
  ) { 
    this.href= this.sanitizer.bypassSecurityTrustResourceUrl('https://xxxxxx');   
  }