Как автоматически установить высоту для iframe в Angular 14? ⇐ CSS

[Гость]

Я хочу, чтобы тег Iframe имел высоту, равную 100 % его содержимого.

В HTML-файле у меня есть:

В файле компонент.ts у меня есть:

ngOnInit() { setTimeout(() => { this.setHeightForIframe(); }, 600); } общественный getSafeUrl (url: строка): SafeResourceUrl { верните это._sanitizer.bypassSecurityTrustResourceUrl(url); } общественный setHeightForIframe(): void { const iframe = document.getElementById(`iframe_${this.linkSearch.title as string}`) как HTMLIFrameElement; если (iframe) { iframe.style.height = `${iframe.contentWindow?.document.body.scrollHeight}px`; console.log(this.linkSearch.title) console.log(iframe.contentWindow?.document.body.scrollHeight); } } Я попробовал какой-то способ, но в моем случае он не сработал:
[*]Используйте iframe.addEventListener("load", () => { this.setHeightForIframe() }, false) [*]CSS для iframe (отображение, высота, положение...)
Кто-нибудь знает решения этого случая? Вот несколько ссылок, которые я использую в iframe: https://mazii.net/vi-VN, jisho.org, ejje.weblio.jp, tratu.soha.vn.

Примечание. Я открываю все ссылки как компонент вкладки одновременно, и они действительно загружают все ссылки.