2017-05-23 13 views
4

角度のTranslateServiceの使用index.htmlにある<title>タグを別の言語にします。角度翻訳サービス翻訳<title>タグ

<title translate>application.title</title> 

彼らはカスタムHTMLタグでない限り、私はそのような他のすべてのHTMLタグを翻訳し、それはこのようなものだ:

{{"document.name"|translate}} 

問題はそのindex.htmlにあるかもしれないフォルダ内の異なるレベルにある

-app
.... | | -translation
| SRC

-index.html

から
+0

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

答えて

6

Title

アンギュラアプリケーションがHTML文書全体(<html>タグ)にブートストラップすることはできませんので、HTMLTitleElement要素のtextプロパティにバインドすることはできません(<title>タグを表す)。代わりに、このサービスを使用して、現在のタイトル値を設定して取得できます。

あなただけのもthis cookbookを見て、TranslateService

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

と組み合わせてTitleサービスをしてください使用する必要があります。

関連する問題