Question

what are the downsides of using href vs window.open. I just want a user to be redirected to another page when the link has been clicked in an Angular app.

E.g

<a href="www.google.com" target="_blank">Google</a>

vs

<a (click)="redirectMe()">Google</a>

TS

redirectMe() {
 window.open('www.google.com','_blank');
}

Answer 1

<a href="url">name<a>：将带您在同一浏览器标签上输入网址

window.open('url')：将在新的浏览器标签中打开页面

Answer 2

使用href可以直接重定向到您的新页面，而在方法中使用诸如window.open（）之类的功能时，您可能必须在重定向之前先进行验证。

很多因素都对我有所帮助，对我来说，使用href更好，因为它需要更少的代码，而只需html而不需要JavaScript

请注意，在这种情况下，tag的head或target属性中的tag是一个相关元素，用于定义重定向的方式（如果它是在新页面中还是在同一页面中）。

Answer 3

选项1-如果您只是重定向到已知的url，则可以很好地使用；如果要在新标签页中打开，请使用target="_blank"-

<a href="www.google.com">Google</a>

选项2-如果您必须在重定向URL上附加动态查询字符串，则继续。

<a ng-click="redirectMe()">Google</a>

我的推荐使用选项1参见-https://www.w3.org/TR/html5/links.html#attr-hyperlink-target

<a> tag vs window.open in Angular

3 个答案: