动态更改文档标题并返回

时间:2020-06-01 11:36:26

标签: angular typescript

我正在尝试动态更改应用程序中的文档标题。这是一个带有倒计时的简单计时器应用程序,因此该想法是在倒计时过程中在文档标题中重复倒计时(正在运行),但是我想在倒计时完成后在文档标题中显示应用程序标题。现在它正在显示下一个计时器会话(没关系,我为计时器编写了此逻辑)。但是对于计时器结束后我想要的标题,将标题重置为默认值(appTitle)。我该怎么办?

title = 'appTitle';

ngOnInit() {
this.timerService.time$.subscribe((time) => {
  this.titleTimer.setTitle(this.datePipe.transform(time, 'mm:ss'));
});

}

1 个答案:

答案 0 :(得分:1)

您可以检查时间是否等于BREAKING_TIME,并设置原始标题:

ngOnInit() {
    this.timerService.time$.subscribe((time) => {
        if (time == BREAKING_TIME)
            this.titleTimer.setTitle(this.title);            
        else
            this.titleTimer.setTitle(this.datePipe.transform(time, 'mm:ss'));
    });
}