Podemos establecer el parámetro de enrutamiento a través de HTML:
<a [routerLink] = "['/api/foo/', id]"/>Sé que podemos leer el parámetro de enrutamiento a través del evento de manejo en el mecanografiado :
import {OnInit, OnDestroy, Component} from '@angular/core'; @Component({...}) export class MyComponent implements OnInit{ constructor(private activatedRoute: ActivatedRoute) {} ngOnInit() { // subscribe to router event this.activatedRoute.params.subscribe((params: Params) => { let Id = params['id']; console.log(Id); }); } }Sin embargo, ¿hay alguna forma de leer el parámetro de ruta en el HTML, no en el componente TypeScript?
Me gustaría usar de la siguiente manera:
<a href="api/foo/[routerLink]"/>si desea obtener una identificación como número. Puedes usar esto.
id:number; ngOnInit() { this.subscription = this.activatedRoute.params.subscribe( (params: any) => { if (params.hasOwnProperty('id')) { id= +params['id']; //do whatever you want } } ); }y esto destruyo la suscripcion
ngOnDestroy() { this.subscription.unsubscribe(); } y puede acceder al campo de id en el lado html.
Si desea obtener el parámetro en html, es mejor asignar el parámetro a una variable y usarlo en html
private param:number; private ngOnInit() { // subscribe to router event this.activatedRoute.params.subscribe((params: Params) => { this.param = params['id']; console.log(this.param); }); }en tu html
<div>{{param}}</div>