Template parse errors:Parser Error: Unexpected token - RouterLink

Question

On the below error . Am getting template parse error on RouterLink .

What is the correct way to use the RouterLink in Angular 2 ?

      Unhandled Promise rejection: Template parse errors:Parser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("r">
                 <ul class="nav nav-sidebar">
                    <li class="active"><a [ERROR ->][routerLink]="[/events]">Events</a></li>
                    <li><a [routerLink]="[/task"]>Tasks<"): ng:///t/e.html@30:46Parser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("ebar">                     <ul class="nav nav-sidebar">
                    <li class="active">[ERROR ->]<a [routerLink]="[/events]">Events</a></li>
                    <li><a [routerLink]="[/task"]>Tas"): ng:///t/e.html@30:43, Directive tParser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("ebar">
                 <ul class="nav nav-sidebar">

score 9 · Accepted Answer · answered Apr 02 '17 at 12:27

9

You have syntax error, you're using:

<a [routerLink]="[/events]" ... >

but instead it should be:

<a [routerLink]="['/events']" ... >

or

<a routerLink="/events" ... >

answered Apr 02 '17 at 12:27

Sasxa

40,334
16
88
102

Any idea on loading HTML files in webpack – Ansar Samad Apr 02 '17 at 16:20

Roman C · Answer 2 · 2017-04-02T14:00:49.390

The syntax error the symbol / is not a string. Add quotes around the string to resolve error. [] is for array declaration (on the value), if you use it then add string value otherwise you don't need an array just use the attribute value which is string by default in HTML. You also don't need routerLink binding with [] in the resent verisons released by Angular.

So, the code simplifies to

<a routerLink="/events">Events</a>

Template parse errors:Parser Error: Unexpected token - RouterLink

2 Answers2