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);
  }
}