2017-04-02 81 views
1

请帮我解决下面的错误。在RouterLink上获取模板分析错误。 请分享在角度2中使用RouterLink的正确方法。模板解析错误:解析器错误:意外的令牌 - RouterLink

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

回答

3

你有语法错误,您正在使用:

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

而是它应该是:

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

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

感谢它的工作 –

+0

上加载HTML文件的任何想法的WebPack –

0

语法错误符号/不是一个字符串。在字符串周围添加引号以解决错误。 []用于数组声明(在值上),如果使用它,则添加字符串值,否则不需要数组只是使用默认情况下HTML中的字符串属性值。在Angular发布的最新版本中,您也不需要routerLink[]的绑定。

所以,代码简化为

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