Angular 语法错误,无法识别的表达式:/service details/1139#overview 5

Angular 语法错误,无法识别的表达式:/service details/1139#overview 5,angular,tabs,angular-routing,Angular,Tabs,Angular Routing,我在做简单的角度布线。它工作正常,但当我希望客户端路由意味着使用导航选项卡在同一页面中移动时,它抛出了一个错误。这是我的密码: 服务详情.component.html <ul class="asidemenu"> <li><a [routerLink]="['/service-details',serviceId]" fragment="overview" (click)="onAnchorClick()" class="

我在做简单的角度布线。它工作正常,但当我希望客户端路由意味着使用导航选项卡在同一页面中移动时,它抛出了一个错误。这是我的密码:

服务详情.component.html

 <ul class="asidemenu">
          <li><a [routerLink]="['/service-details',serviceId]" fragment="overview" (click)="onAnchorClick()" class="
              active"><span
                class="asidemenu-icon"><img src="assets/images/binoculars.svg" alt=""></span><span class="asidemenu-title">Overview</span></a></li>
          <li><a [routerLink]="['/service-details',serviceId]" fragment="review-analytics" (click)="onAnchorClick()"><span
                class="asidemenu-icon"><img src="assets/images/graph-analysis.svg" alt=""></span><span class="asidemenu-title">Sentiment</span></a></li>
          <li><a [routerLink]="['/service-details',serviceId]" fragment="expert-review" (click)="onAnchorClick()"><span
                class="asidemenu-icon"><img src="assets/images/review.svg" alt=""></span><span class="asidemenu-title">Expert
                Reviews</span></a></li>
    <ul>

<div id='overview'> Overview (Removed Original content)</div>
<div id='review-analytics'> Reviews (Removed Original content)</div>
<div id='expert-review'> Expert Reviews (Removed Original content)</div>
  • 概述
  • 情操
  • 专家 评论
    • 概述(已删除原始内容) 评论(删除原始内容) 专家评审(删除原始内容)
根据上述代码,我可以在同一页面中自由移动,但每次都会出现此错误
语法错误,无法识别的表达式:/service details/1139#overview

可能这是路由问题,那么如何解决呢


提前感谢。

已经在路由定义中设置了{useHash:true}

您需要在导入
路由模块的地方启用
主播克隆
选项

@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      anchorScrolling: 'enabled',
    })
  ],
})
...
更多信息:

您是否为routermodule添加了路径?是的,但像这样{path:'service details/:id',component:servicetailscomponent},不知道如何处理hash part@sachillanawakai不能,因为我必须使用PathLocationStrategy不能使用HashLocationStrategy你可以使用fragment with#仅在HashLocationStrategy中是的,我知道它工作得很好,但在这个项目中,我们必须使用PathLocationStrategy,否则它在使用HashLocationStrategy时会工作,对吗解释一下你想用这个实现什么,这样我就可以为你找到其他的解决方案,据我所知,如果你有#在你的路径中,有PathLocationStrategy,那么你就会得到语法错误,正如我在que中提到的,我想使用锚定选项卡在同一页面中导航,而不使用hashlocationstrategy。使用#仅在您希望在同一页面中导航的锚定标记上使用其他方式不#我使用的是angular 5而不是6,因此它在5中不起作用@zmag@Aarsh这可能会有帮助:是的,我已经用过了,但最后给出了相同的错误:-|