模板解析错误:解析器错误:意外的令牌 - RouterLink
问题描述:
请帮我解决下面的错误。在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">
答
你有语法错误,您正在使用:
<a [routerLink]="[/events]" ... >
而是它应该是:
<a [routerLink]="['/events']" ... >
或
<a routerLink="/events" ... >
答
语法错误符号/
不是一个字符串。在字符串周围添加引号以解决错误。 []
用于数组声明(在值上),如果使用它,则添加字符串值,否则不需要数组只是使用默认情况下HTML中的字符串属性值。在Angular发布的最新版本中,您也不需要routerLink
与[]
的绑定。
所以,代码简化为
<a routerLink="/events">Events</a>
感谢它的工作 –
上加载HTML文件的任何想法的WebPack –