How to conditionally add the nofollow tag in Angular

82 views Asked by At

I have a link and would like to add the rel=nofollow only on specific link.

It is possible to do that with Angular?

2

There are 2 answers

0
Raphaël Balet On BEST ANSWER

TLDR

[rel]="i ? 'nofollow' : null

Why

Basically, When using the null value, the tag will just be ignored.

1
Ashish Mishra On

Can you please try like this

<a [attr.rel]="addNofollowAttribute ? 'nofollow' : null" href="https://example.com">Your Link</a>

In this example, [attr.rel] binds the rel attribute to the value 'nofollow' when addNofollowAttribute is true, and it binds it to null (which effectively removes the rel attribute) when addNofollowAttribute is false.