angular - 如何使用 typescript 获取页面标题？

Question

我需要获取页面标题并将其写入变量。我正在使用 typescript 代码:

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