这是纯粹而简单的HTML代码，可以在常规.html文件中正常运行。它完成它应该做的事情：也就是说，图像被加载到目标属性引用的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，但我认为它在所有版本中都是相同的。
请注意，该示例没有任何用处，它是问题的最简单表达，为了说明问题而不在我的应用程序中包含其他复杂性。
答案 0 :(得分：0)
我需要继续前进，所以我正在使用这个替代方案来完成同样的事情：
<iframe #myframe1></iframe>
<a (click)="myframe1.src = 'https://some_image_url.jpg'">Load Image</a>