Angular 5使用html转义(实体)字符设置文档标题

时间:2018-04-04 13:41:32

标签: html angular typescript angular5

似乎很简单,但我找不到简单的解决方案。 我正在使用Title服务将标题放在文档中。这工作正常,请参阅此处的文档: https://angular.io/guide/set-document-title

我的问题是特殊字符。在我的代码中,标题由路由服务设置,但我的页面标题具有特殊字符。举个例子:页面标题“Início”,í字符格式不正确。

在Angular中有一些功能或服务吗?

我的代码,问题出在setTitle:

AssinarEventosRoute(): any {
        this.router.events
            .filter((event) => event instanceof NavigationEnd)
            .map(() => this.activatedRoute)
            .map((route) => {
                while (route.firstChild) route = route.firstChild;
                return route;
            })
            .filter((route) => route.outlet === 'primary')
            .mergeMap((route) => route.data)
            .subscribe((event) => this.titleService.setTitle(`${event['title']} | Gerencial ISP 2`));
    }

1 个答案:

答案 0 :(得分:1)

您必须在HTML文件中添加charset标记:

<meta charset="utf-8">

此外,您的.ts文件也应以UTF-8编码。

Angular-CLI/Angular2: Non-standard chars only load correctly in index.html, not in components via ng serve

Angular template view with utf-8 chars doesn't work