Question

请帮我解决以下错误。我在RouterLink上收到模板解析错误。请分享在角度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

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

id

但它应该是：

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

或

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

Answer 2

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

因此，代码简化为

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

模板解析错误：解析器错误：意外的令牌 - RouterLink

2 个答案: