• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

184
Views
En Angular 10 es posible tener diferentes datos para rutas dinámicas

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?

  • Ejemplo:
  • Si la URL es 'plantilla/01', entonces necesito configurar el título de la página en los datos como 'PLANTILLAS-01'.
  • Si la URL es 'plantilla/02', entonces necesito configurar el título de la página en los datos como 'PLANTILLAS-02'.

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'.

almost 3 years ago · Juan Pablo Isaza
2 answers
Answer question

0

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

almost 3 years ago · Juan Pablo Isaza Report

0

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 }, }]
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error