javascript - Angular 8 中的 RouteLink 参数

Question

我在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>

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

请问有什么想法吗？

问候

Answer 1

您的语法错误，您应该传递不带引号的变量，如下所示

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

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