IFrame总是在Angular组件中重新渲染

IFrame是HTML中的一个标签，用于在网页中嵌入其他网页或文档。它可以在一个网页中显示另一个网页的内容，类似于在一个网页中嵌入一个小窗口。

在Angular组件中使用IFrame时，每当组件重新渲染时，IFrame也会重新渲染。这是因为Angular的变更检测机制会检测组件模板中的变化，并重新渲染受影响的部分。由于IFrame是一个独立的HTML元素，它的内容不受Angular的控制，因此每次组件重新渲染时，IFrame都会重新加载和渲染。

这种重新渲染的行为可能会导致性能问题，特别是当IFrame中的内容较大或加载时间较长时。为了避免频繁的重新渲染，可以考虑以下几种方法：

1. 将IFrame的src属性设置为一个静态的URL，而不是动态生成的。这样可以避免每次重新渲染时都重新加载IFrame的内容。
2. 使用ngIf指令或其他条件判断，只在需要显示IFrame时才将其添加到组件模板中。这样可以减少不必要的重新渲染。
3. 将IFrame的内容缓存起来，避免每次重新加载。可以使用服务或状态管理工具来保存IFrame的内容，并在需要时从缓存中获取。
4. 使用Angular的ChangeDetectionStrategy.OnPush变更检测策略，将组件的变更检测限制在输入属性的变化上。这样可以减少不必要的重新渲染。

总之，IFrame在Angular组件中重新渲染是由Angular的变更检测机制所决定的。为了提高性能，可以采取一些措施来减少重新渲染的次数或优化IFrame的加载和渲染过程。