Una delle funzionalità più comuni d un sito web è quella di impostare il titolo della pagina corrente nel tab del browser. In una normale pagina si imposta il tag title all'interno del tag head della pagina. In un'applicazione Angular questo non è possibile quindi dobbiam ricorrere a codice client.
Angular mette a disposizione un servizio chiamato Title. Questo servizio espone il metodo setTitle che accetta in input la stringa da impostare come titolo della pagina.
//modulo @NgModule({ providers: [ Title ], ... }) //Component import { Component } from '@angular/core'; import { Title } from '@angular/platform-browser'; @Component({ selector: 'my-app', template: `<a (click)="setTitle('titolo')">Titolo</a>` }) export class AppComponent { public constructor(private titleService: Title ) { } public setTitle(titolo: string) { this.titleService.setTitle(titolo); } }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Routing statico e PreRendering in una Blazor Web App
Eseguire operazioni sui blob con Azure Storage Actions
Code scanning e advanced security con Azure DevOps
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Miglioramenti nelle performance di Angular 16
Migrare una service connection a workload identity federation in Azure DevOps
Reactive form tipizzati con FormBuilder in Angular
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Potenziare Azure AI Search con la ricerca vettoriale
Sfruttare MQTT in cloud e in edge con Azure Event Grid
Eseguire le GitHub Actions offline
Utilizzare politiche di resiliency con Azure Container App