Impostare il titolo della pagina con Angular

di , in HTML5, Angular 2,

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

Visualizza/aggiungi commenti

Impostare il titolo della pagina con Angular (#198) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn, Google+

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi