Angular TranslateService翻译<title>标签

Jan*_*Dev 6 typescript angular

TranslateService在Angular中使用我希望位于<title>其中的标记使用index.html 不同的语言.

<title translate>application.title</title>
Run Code Online (Sandbox Code Playgroud)

我翻译所有其他html标签,除非他们是自定义html标签,然后它是这样的:

{{"document.name"|translate}}
Run Code Online (Sandbox Code Playgroud)

问题可能是index.html在文件夹中处于不同的级别

src
| -app
....
| -translation | -index.html

n00*_*dl3 11

角度文档:

Title

由于无法在整个HTML文档(<html>标记)上引导Angular应用程序,因此无法绑定到HTMLTitleElement元素的text属性(表示<title>标记).相反,此服务可用于设置和获取当前标题值.

您只需要结合使用该Title服务即可TranslateService

export class SomeComponent {
  constructor(private title:Title, private translate:TranslateService){}
  ngOnInit(){
    this.translateService.get("document.name").subscribe(name=>{
      this.title.setTitle(name);
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

请看看这本食谱.