angular - 将目标设置为 iframe 将被忽略并在新页面中打开

这是纯粹而简单的 HTML 代码，可以在常规 .html 文件中正常工作。它做了它应该做的事情：也就是说，图像被加载到由 target 属性引用的 iframe 中。

但是，当放在我的主要 Angular 组件中时，目标会被忽略，并且图像会加载到新的浏览器选项卡中。Chrome 和 Safari 存在此问题，但 Firefox 不存在。

<iframe name="myframe1"></iframe>
<a href="https://some_image_url.jpg" target="myframe1">Load Image</a>

有谁知道这是为什么？以及如何解决？

注意：我目前使用的是 Angular 5.2.11，但我认为所有版本都是一样的。

请注意，该示例没有任何有用的目的，它是问题的最简单表达，以便在我的应用程序中不包含额外复杂性的情况下说明问题。

标签： angulariframe

我需要继续前进，所以我使用这个替代方案来完成同样的事情：

<iframe #myframe1></iframe>
<a (click)="myframe1.src = 'https://some_image_url.jpg'">Load Image</a>