时间戳

首页 > 解决方案 > Angular 8 中的 RouteLink 参数

javascript - Angular 8 中的 RouteLink 参数

问题描述

我在 app.module 中定义了他的路线

{path:'empleados/:año/:mes', component:ListaEmpleadosComponent},

然后在我的引导应用程序的 app.component.ts 中，我有这个

export class AppComponent {
tituloPagina = 'Parte de Horas';
fechaActual:Date=new Date();
mesActual:number=this.fechaActual.getMonth();
añoActual:number=this.fechaActual.getFullYear();
}

和模板关联：app.component.html 

<nav class='navbar navbar-expand navbar-light bg-light'>
    <a class='navbar-brand'>{{tituloPagina}}</a>
    <ul class='nav nav-pills'>
      <li><a class='nav-link' [routerLink]="['welcome']">Home</a></li>
      <li><a class='nav-link' 
      [routerLink]="['/empleados',{{añoActual}},  {{mesActual}}]">Empleados</a></li>
      <label>{{fechaActual}}</label>
    </ul>
</nav>

<div class='container'>
  <router-outlet></router-outlet>
</div>

但我收到此错误未捕获错误：模板解析错误：解析器错误：得到插值 ({{}}) 其中表达式应位于 [[/empleados/datos/',{{añoActual}}, {{mesActual} 的第 20 列}]] 在 ng:///AppModule/AppComponent.html@5:30 (

请问有什么想法吗？

问候

标签： javascriptangulartypescriptsingle-page-applicationangular8

解决方案

你的语法是错误的，你应该像这样传递不带引号的变量

[routerLink]="['/empleados', añoActual,  mesActual]"

但是我建议您将变量更改añoActual为没有特殊字符的字母变量

推荐阅读