切换标签时Angular 2+中的动态标题问题

时间:2019-06-28 14:43:25

标签: angular

我已经实现了动态标题,没有问题。

唯一的问题是,当我更改选项卡并返回网站时,标题将恢复为原始。

它工作正常,我在app.component上有以下代码,但是在切换标签页(Safari和chrome mac)时不是持久的

import { Title, Meta } from '@angular/platform-browser';

    constructor(
        public title: Title
    ){
      this.title.setTitle('custom title');
    }

我希望当我去其他地方并返回到选项卡时,标题仍然存在。

编辑:

好的,我现在知道,它会将我定义的标题放在index.html的meta部分:

<title>My title</title>

但是,如果我没有在此处设置标题而不是默认标题,则在切换选项卡(仅URI)时会得到空名称,我认为它也不适合SEO。。建议?

1 个答案:

答案 0 :(得分:0)

您是说浏览器标签还是类似标签导航?

我想问题是,即使您没有看到,也可能会创建该组件。就像在Angular Material Tabs导航中一样,已经创建了下一个尚不可见的Tab组件,因此将设置标题。