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

这是纯而简单的HTML代码，在常规的.HTML文件中运行良好。它执行它应该执行的操作：即，将图像加载到目标属性引用的iframe中

但是，当放置在我的主角度组件中时，目标将被忽略，图像将加载到新的浏览器选项卡中。Chrome和Safari都存在这个问题，但Firefox没有

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

有人知道为什么吗？如何解决呢

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

---

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

我需要继续，因此我使用此替代方案来完成同样的任务：

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

加载图像

它工作正常，并在当前页面的iframe中打开一个图像，如果您发布更多的代码就好了。不幸的是，没有更多的代码。我创建了一个空的angular项目（使用ng new），然后将这里显示的代码放在唯一的组件（app root）中。我发现问题发生在Chrome和Safari上，而不是Firefox上。我编辑了我的问题以包含这些信息。对我来说，我在一个chrome浏览器中尝试了两个不同的应用程序，第一个有效，另一个无效。