typescriptを使用してページタイトルを取得するにはどうすればよいですか？

Question

私はページタイトルを取って変数に書き込む必要があります。

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'home', 
    templateUrl: './home.component.html' 
}) 
export class HomeComponent implements OnInit { 

    title: string; 

    ngOnInit() { 
     console.log("Title is " + this.title); 
     this.title === document.title; 
    } 
} 

をしかし、私は、コンソール上で、「タイトルが定義されていません」取得しています： 私はtypescriptですコードを使用しています。

私も試してみました：

title: string; 

    ngOnInit() { 
     this.title === this.titleService.getTitle(); 
     console.log("Title is " + this.title); 
    } 
    public constructor(private titleService: Title) { } 
    getTitle() { 
     this.titleService.getTitle(); 
    } 

が、結果は同じです。ページタイトルを取得する正しい方法は何ですか？

Answer 1

あなたはいくつかの間違いを犯しました。

1. ===が厳密な等価比較のために使用されている、いない変数の値を設定する（より===約オペレータは、ここで見つけることができる：Difference between == and === in JavaScript）。
2. 最初に変数を表示してから、その値を「設定」（ポイント1を参照）しようとしています。

変更するには、コード：あなたは、角度/プラットフォームブラウザ@からタイトル・プロバイダーを使用することができます

ngOnInit() { 
    this.title = this.titleService.getTitle(); 
    console.log("Title is " + this.title); 
} 

Answer 2

：

ngOnInit() { 
     this.title = document.title 
     console.log(this.title) 
} 

か。 https://medium.com/@_ericmiller/setting-the-title-in-angular2-3c9379090527