如何更改离子应用程序的标题

Question

我的应用程序与 GTM（Google 标签管理器）连接。我想查看用户的所有页面浏览量，但我只看到 Ionic App。 index.html 中的标题是静态的，但我可以做这个动态的吗？

Answer 1

在您的 app.component.ts 文件中，从 @angular/platform-browser 导入 Title class 并将其添加到构造函数中。然后添加下面提到的代码

ngOnInit() {
    this.router.events
      .pipe(filter((event) => event instanceof NavigationEnd))
      .subscribe((event: any) => {
        const title = event.url;
        this._title.setTitle(`${title}`);
      });
  }

这样，您就可以更改 index.html 文件的标题。