node.js - 语法错误，无法识别的表达式“路径”。角 4

Question

我想将 routerLink 与组件中属性的值一起使用，但出现错误

未捕获的错误：语法错误，无法识别的表达式：/configuration/reservations at Function.Sizzle.error (scripts.bundle.js:1581) at Sizzle.tokenize (scripts.bundle.js:2233) at Sizzle.select (scripts.bundle. js:2660) 在 Function.Sizzle [as find] (scripts.bundle.js:885) 在 jQuery.fn.init.find (scripts.bundle.js:2923) 在新 jQuery.fn.init (scripts.bundle. js:3033) 在 jQuery (scripts.bundle.js:99) 在 getTargetFromTrigger (scripts.bundle.js:10955) 在 HTMLAnchorElement。(scripts.bundle.js:10997) 在 HTMLDocument.dispatch (scripts.bundle.js:5207)

我的代码：

<a data-toggle="collapse" data-parent="#mainSidebar" class="mainSidebar" routerLink='{{menuItem.subItems[0].path}}'>

Answer 1

像这样使用[routerLink]="[menuItem.subItems[0].path]"。

快乐编码

Answer 2

我找到了解决方案..

<a data-toggle="collapse" data-parent="#mainSidebar" class="mainSidebar" (click)="navigateToRoute(menuItem)">

在我的组件中：

  protected navigateToRoute(item: IMenuItem) {
    this.router.navigate([item.subItems[0].path]);
  }

现在工作。谢谢 ！