如何使用打字稿获取页面标题？

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

但我正在逐渐“标题是未定义”在控制台上。

我也试过：

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 = document.title 
     console.log(this.title) 
} 

或：

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

Answer 2

您可以使用标题提供商从@角/平台的浏览器。请参阅https://medium.com/@_ericmiller/setting-the-title-in-angular2-3c9379090527