javascript - Angular Link 将在 sanitizer 之后引用页面，而不是刷新 IFRAME

Question

所以我有一个 SVG 地图，其中每个 svg g 都包含在一个标签中。

我使用它来填充带有标签源的 IFRAME。

公寓的视觉表现

代码看起来不错，之前它工作过，我对 html 进行了清理，IFRAME 具有正确的名称，并且目标是 iframe 的名称。但是有了所有这些，它不会在 iframe 中打开链接，而是刷新页面。我错过了什么？

消毒液功能：

transform(value) {
    return this.sanitized.bypassSecurityTrustHtml(value);
}

IFRAME 和 HTML 占位符

                            <div id="vt" class="container tab-pane">

                                <div #vtContainer id="vt-container" [innerHTML]="transform(assetDetail.virtualTourImages[assetDetail.virtualTourImages.length - 1].virtualTourImageLink)"> </div>

                                <iframe name="search_iframe"></iframe>

                            </div>

SVG 块的示例

<a href="https://momento360.com/e/u/1651b291bf714fc5a9d790cf4450d104?utm_campaign=embed&amp;utm_source=other&amp;heading=138.86&amp;pitch=-3.08&amp;field-of-view=75&amp;size=medium" target="search_iframe">
                <g>
                    <path id="dormitor3" fill="#e5e3ce" d="M0 315h158v127H0z"></path>
                    <text font-family="Verdana" font-size="22.5" fill="#333">
                        <textPath xlink:href="#dormitor3">
                            Dormitor 3
                        </textPath>
                    </text>
                </g>
 </a>

标签： javascripthtmlangulariframesanitize