模板解析错误:解析器错误:意外标记- RouterLink
提问于 2017-04-02 12:23:20
关于下面的错误。我在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">
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-04-02 12:27:01
你有语法错误，你正在使用：
<a [routerLink]="[/events]" ... >但它应该是：
<a [routerLink]="['/events']" ... >或
<a routerLink="/events" ... >Stack Overflow用户
发布于 2017-04-02 13:54:27
语法错误symbol /不是字符串。在字符串两边添加引号以解决错误。[]用于数组声明(在值上)，如果您使用它，则添加String值，否则您不需要数组，只需使用属性值，在HTML默认为string。在Angular发布的最新版本中，您也不需要与[]绑定routerLink。
因此，代码简化为
<a routerLink="/events">Events</a> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43168257
复制
腾讯云开发者
