Chrome会忽略Angular2应用内的目标属性

Question

我想在iframe中打开一个链接，就像在W3Schools中描述的那样：

<iframe height="300px" width="100%" src="demo_iframe.htm" name="iframe_a"> </iframe>

<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

当我把它放在Angular2应用程序中时，如：

<my-app>  
  <iframe height="300px" width="100%" src="demo_iframe.htm" name="iframe_a"></iframe>
  <p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>    
</my-app>

然后它在IE 11中工作正常，但在Chrome中链接正在新标签中打开。

如果它在Angular2应用程序之外，它在Chrome中运行良好。

请参阅Plunker中的示例：http://plnkr.co/edit/TNfGuCFZ3cl5IwFHUhIw?p=preview

有关该问题的任何经验吗？

Answer 1

如果您使用javascript动态创建iframe，则Chrome会尊重目标。

请参阅this answer。