首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >模板解析错误:解析器错误:意外标记- RouterLink

模板解析错误:解析器错误:意外标记- RouterLink
EN

Stack Overflow用户
提问于 2017-04-02 20:23:20
回答 2查看 9.9K关注 0票数 4

关于下面的错误。我在RouterLink上遇到模板解析错误。

在Angular 2中使用RouterLink的正确方法是什么?

代码语言:javascript
代码运行次数:0
运行
复制
      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">
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-02 20:27:01

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

代码语言:javascript
代码运行次数:0
运行
复制
<a [routerLink]="[/events]" ... >

但它应该是:

代码语言:javascript
代码运行次数:0
运行
复制
<a [routerLink]="['/events']" ... >

代码语言:javascript
代码运行次数:0
运行
复制
<a routerLink="/events" ... >
票数 8
EN

Stack Overflow用户

发布于 2017-04-02 21:54:27

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

因此,代码简化为

代码语言:javascript
代码运行次数:0
运行
复制
<a routerLink="/events">Events</a> 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43168257

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档