Template parse errors:Parser Error: Unexpected token - RouterLink

Question

关于以下错误。 RouterLink 上出现模板解析错误。

在 Angular 2 中使用 RouterLink 的正确方法是什么？

      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">

Answer 1

你有语法错误，你正在使用：

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

但应该是：

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

或

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

Answer 2

符号 / 不是字符串的语法错误。在字符串周围添加引号以解决错误。 [] 用于数组声明（在值上），如果你使用它然后添加字符串值，否则你不需要数组只需使用 HTML 中默认为字符串的属性值。在 Angular 发布的最新版本中，您也不需要 routerLink 与 [] 绑定。

因此，代码简化为

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

Template parse errors:Parser Error: Unexpected token - RouterLink

Template parse errors:Parser Error: Unexpected token - RouterLink

routerlink

angular