5

关于以下错误。我收到模板解析错误RouterLink。

RouterLink在 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">
4

2 回答 2

9

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

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

但它应该是：

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

或者

<a routerLink="/events" ... >
于 2017-04-02T12:27:01.370 回答
0

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

因此，代码简化为

<a routerLink="/events">Events</a>
于 2017-04-02T13:54:27.347 回答