2

No consigo que me funcione routelink en Angular 17.

En un componente defino:

     import { ActivatedRoute, Router, RouterModule } from '@angular/router';
     ...
 
     @Component({
       selector: 'app-header',
       standalone: true,
       imports: [CommonModule, RouterModule, TranslateModule],
       templateUrl: './app.component.html',
       styleUrl: './app.component.css',
     })
     export class AppComponent {
 
       constructor(
         private readonly router: Router,
         private readonly route: ActivatedRoute,
         
     ...

Y en el html:

    <li [routerLink]="['/empresa']">
      EMPRESA
    </li>

Que puede ser lo que estoy haciendo mal?. Un saludo.

2 respuestas 2

1

Necesitas agregar la importación directamente:

import { RouterLink } from '@angular/router';

Y luego en las importaciones de tu componente standalone.

Más detalles.

0

En angular 17 funciona el [href] puedes probar algo asi:

//dashboard.component.ts
menuItems: Array<{path: string, label:string}> = [
  {
    path: '/',
    label: 'Declaración'
  },
  {
    path: '/inspectores',
    label: 'Inspectores'
  },
]

Y luego lo usas asi en el template

//dashboard.component.html
@for (item of menuItems; track item.path) {
  <a class="nav-link" [href]="item.path">{{item.label}}</a>
}

Luego de esto funciona correctamente

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.