角2のページのタイトルからサービスへの変更

Question

サービスからコンテンツを読み込むページコンポーネントがあります。ページタイトルは現在ngOnInitで設定されていますが、サービスを介して受信したデータでページタイトルを設定するように変更したいと考えています。サービスで受け取ったJSONには、ページタイトルの文字列を含む「タイトル」フィールドがあります。

今のコードは次のようになります。

import { Component, OnInit } from '@angular/core'; 
import { Title } from '@angular/platform-browser'; 
import { GetPageService } from '../shared/get-page/get-page.service'; 

@Component({ 
    selector: 'app-capabilities', 
    templateUrl: './capabilities.component.html', 
    styleUrls: ['./capabilities.component.scss'] 
}) 
export class CapabilitiesComponent implements OnInit { 

    data: any[] = []; 
    errorMessage: string; 

    constructor(
     private titleService: Title, 
     public getPageService: GetPageService 
    ) { } 

    ngOnInit() { 
     this.getPage(); 
     // line below should be replaced so that title come from getPage data 
     this.titleService.setTitle('Sample Page Title'); 
    } 

    getPage() { 
     this.getPageService.getPage('capabilities') 
      .subscribe(
       data => this.data = data, 
       error => this.errorMessage = <any>error 
      ); 

    } 

} 

私が購読する機能を付加しようとしているが、これまでのところ、私はちょうど、エラーを取得しています。正しい方向で私を指し示すヒントは、非常に高く評価されます。

Answer 1

がsubscribe()内からタイトルを設定します。

getPage() { 
    this.getPageService.getPage('capabilities') 
     .subscribe(
      (data: any) => { 
       this.data = data; 
       // Set the title here. 
       this.titleService.setTitle(data.title); // Or data['title'] 
      }, 
      error => console.error(error) 
     ); 

}