Angular button routerLink syntax explanation

Question

i need explanation for the syntax below:

<button [routerlink]='[./plans]'>press here

where can I find documentation about this syntax? why the brackets around the URL? and the bracket around routerlink is just like (dynamic) property/data binding?

I am not sure where to find documentation about this.

You can find the documentation at https://angular.io/api/router/RouterLink — Julian W., Jun 26 '23 at 00:45
Please provide enough code so others can better understand or reproduce the problem. — Community, Jun 26 '23 at 10:49

score 0 · Accepted Answer · answered Jun 25 '23 at 20:14

Well, you need the brackets because you want that the right side of your assignments to be evaluated. If you would omit the brackets, it would just be a string with brackets inside of it.

The array notation gives you the possibility to mix in variables. So for example, you could add an id property from your component, and during runtime, the value would be used. Angular concatenates that array together to a valid string.

In your case, you don't use any properties. It is just a static value. So you could also just write <button routerLink="./plans">.

Here's the documentation: https://angular.io/api/router/RouterLink

i cannot upvote, but thanks for the detailed answer! – victor Jun 25 '23 at 22:42 — victor, Jun 25 '23 at 22:42
Hi victor, you could mark it as answer. That would do it :) – rainerhahnekamp Jun 26 '23 at 09:27 — rainerhahnekamp, Jun 26 '23 at 09:27

Angular button routerLink syntax explanation

1 Answers1