Tengo este enlace en mi app.component.html...
<a [routerLink]="['system-administration/error-management']">Error Management</a>Quiero poder pasar una propiedad de título a un enlace en el componente de la aplicación a otro componente que ese componente mostraría en su página html como esta...
<h1>{{ title }}</h1>Intenté hacer esto...
<a [routerLink]="['system-administration/error-management']" [test]="Error Management">Error Management</a>Pero eso no funcionó.
El error que obtuve cuando hice ng serve fue este...
Can't bind to 'test' since it isn't a known property of 'a'Sé que puedo crear un archivo global y poner todas las propiedades allí, luego importar ese archivo global en cada componente para acceder a la propiedad que quiero de esa manera, pero creo que sería más breve si pudiera simplemente pasar un propiedad donde hay un enlace a un componente.
¿Es esto posible en Angular 11?
¡Gracias por adelantado!
puede usar la cadena en los parámetros de URL en el otro componente;
import {Router, ActivatedRoute, Params} from '@angular/router'; import {OnInit, Component} from '@angular/core'; @Component({...}) export class MyComponent implements OnInit { title: string; constructor(private activatedRoute: ActivatedRoute) {} ngOnInit() { this.activatedRoute.params.subscribe(params => { const message = params[0]; this.title = message; }); } }