How to conditionally add the nofollow tag in Angular

Question

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

It is possible to do that with Angular?

Answer 1

TLDR

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

Why

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

Answer 2

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.