Considere la siguiente ruta dinámica:
export const routes: Routes = [ { path: 'template/:templateId', component: TemplateComponent, data: { pageTitle: 'TEMPLATES'} }]
¿Es posible tener un título de página dinámico para la misma ruta y el mismo componente?
En este escenario, la ruta sigue siendo el mismo componente 'template/:templateId' también sigue siendo el mismo 'TemplateComponent' pero la URL cambia a 'template/01' y 'template/02'.
Puede hacerlo (como señaló indirectamente R. Richards) usando el Title
en @angular/platform-browser
Puede hacer el cambio localmente (en cada componente en la inicialización - ngOnInit, pero eso sería repetitivo y cambiar cada título - si es necesario, se convertiría en un trabajo lento) o podría hacer un servicio en el que cambia el título de la página basado en ActiveRoute
Yo diría que un Resolver podría ser una solución razonable. Podría tomar el parámetro de ActivatedRouteSnapshot y devolver un título que coincida con la ruta de su función de resolución.
El uso de la ruta sería algo como esto:
export const routes: Routes = [ { path: 'template/:templateId', component: TemplateComponent, resolve: { pageTitle: TemplateResolveService }, }]