在Angular中，iFrame是使用带有[src]属性的HTML标记嵌入的。当[src]属性的值发生变化时，iFrame将加载新的内容，但是组件实例将不会被销毁。这可能导致内存泄漏。要解决这个问题，可以在组件中使用@ViewChild装饰器来获取iFrame元素引用，并在组件销毁时手动从DOM中删除iFrame元素。具体步骤如下：

1. 在组件中使用@ViewChild来引用iFrame元素。

2. 在ngOnDestroy方法中从DOM中删除iFrame元素。

以下是代码示例：

component.ts

import { Component, ViewChild, ElementRef, OnDestroy } from '@angular/core';

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponentComponent implements OnDestroy { @ViewChild('myIframe') myIframe: ElementRef;

ngOnDestroy(): void { if (this.myIframe) { this.myIframe.nativeElement.remove(); } } }

component.html

在上面的代码中，我们使用了@ViewChild来获取iFrame元素的引用，并在ngOnDestroy方法中使用nativeElement.remove()从DOM中删除iFrame元素。这将确保组件实例在销毁的同时，iFrame元素也被正确地删除，避免了可能的内存泄漏。