If I want to add a dead link to an anchor tag because I want to use (click) instead then I can use either [routerLink]="" or href="javascript:void(0);". Both has the same effect and I see no difference in browser patibility.

Which one is prefered to use? Is there any difference?

If I want to add a dead link to an anchor tag because I want to use (click) instead then I can use either [routerLink]="" or href="javascript:void(0);". Both has the same effect and I see no difference in browser patibility.

Which one is prefered to use? Is there any difference?

• javascript
• angular
• anchor

Share Follow asked Jun 8, 2018 at 6:41 Casper NybroeCasper Nybroe 1,20933 gold badges2626 silver badges4949 bronze badges 7

• 1 If it's a deadlink on which you bind click event, you don't need both. – ADreNaLiNe-DJ Commented Jun 8, 2018 at 6:44
• I weren't using both - just one or the other. The question states which would be prefered to use. – Casper Nybroe Commented Jun 8, 2018 at 7:50
• What i'm saying is that none is needed. ;) – ADreNaLiNe-DJ Commented Jun 8, 2018 at 8:35
• So you mean "you don't need any" then? ;) But I agree - unless you want the styling for an anchor which is only added if you add the href or routerLink attribute to the tag. I know you can just create your own stylings but keeping the default styling just by adding one of the attributes makes perfect sense to me. :) – Casper Nybroe Commented Jun 8, 2018 at 8:56
• This is what i mean. But making styling based on href attribute (or routerLink) is a bad practice. One should use class attribute or other kind of selector. ;) – ADreNaLiNe-DJ Commented Jun 8, 2018 at 9:29

 |  Show 2 more ments

1 Answer 1

Sorted by: Reset to default 7

[routerLink]=""

What this line does it, It will redirect to your home route/root route, whereas

href="javascript:void(0);"

The void operator evaluates the given expression and then returns undefined.

for more information read out here -

* What does “javascript:void(0)” mean?

Apart from this if you want to make it a as deadlink just pass event through the click event and use event.preventDefault() which will stop default action of anchor tag will execute what you want to do.