¿Existe la posibilidad de guardar la etiqueta que se ha agregado dinámicamente al actualizar la página?
Ahora, en el momento en que actualizo la página, mientras se carga, la etiqueta del título cambia a la original, que configuré en index.html . Cuando se carga la página, la etiqueta del título vuelve a la correcta que se agrega dinámicamente. Pero quiero que la etiqueta del título permanezca igual mientras la página se actualiza.
Esta es mi app.component.ts:
this.router.events.pipe( filter((event) => event instanceof NavigationEnd), map(() => this.activatedRoute), map((route) => { while (route.firstChild) route = route.firstChild; return route; }), filter((route) => route.outlet === 'primary'), mergeMap((route) => route.data) ) .subscribe((event) => { console.log(event) this.translateService.get(event['title']).subscribe(name => { this._seoService.updateTitle(name); }); this._seoService.updateDescription(event['description']) });Un enfoque es hacer uso del almacenamiento local para almacenar su título dinámico allí. Aquí hay un ejemplo simple en el que almaceno el título en el almacenamiento local y actualizo la página, y retengo mi título. Angular proporciona un servicio llamado Título que nos permite actualizar dinámicamente el título en cualquier momento.
<button (click)="setItem()">Click to set a title</button> <p *ngIf="showInfo" >Refresh the page now :)</p> export class AppComponent implements OnInit { showInfo = false; constructor(private titleService: Title) {} ngOnInit() { this.getItem(); } setItem() { localStorage.setItem('title', 'Hey World!'); this.showInfo = true; this.getItem(); } getItem() { if (localStorage.getItem('title')) this.titleService.setTitle(localStorage.getItem('title')); else this.titleService.setTitle('No title'); } }Aquí hay una aplicación en vivo .
Código - Stackblitz