2017-05-23 41 views
4

使用角的TranslateService我想<title>标签,它坐落在index.html是在不同的语言。角TranslateService翻译<title>标签

<title translate>application.title</title> 

我翻译像其他所有的HTML标签,除非它们是自定义HTML代码则是这样的:

{{"document.name"|translate}} 

的问题可能是index.html的是在文件夹

不同级别

SRC
| -app
.... | -translation
| -index.html

+0

https://angular.io/docs/ts/latest/cookbook/set-document-title.html – n00dl3

回答

6

angular docs

Title

由于一个角度应用程序不能对整个HTML文档进行自举(<html>标签)是不可能绑定到HTMLTitleElement元素的文本属性(代表<title>标签)。相反,此服务可用于设置和获取当前标题值。

你只需要结合TranslateService

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

请使用Title服务,也看看this cookbook