角4の多言語とデータベースからデータを取得

Question

角度4にの機能を追加し、データベース（PostgreSQL）からデータを取得したいと思います。を追加します。 NGX-変換モジュールを使用して

1. 我々は、ファイルの言語万力を.json作成する必要がありますが、私は、データベースからローカライズ（Data）を取得したいです。

Answer 1

私はあなたが既に正常にアプリケーション内TranslateModuleをロードしていることを前提としています（そうでない場合は、ここではmethods suggested by it's creator - they are great!ある）

だからあなたのデフォルト言語最初の事は責任を負うことになりますそのコンポーネントにTranslateServiceを注入することである設定します翻訳のために。次に、コンストラクタでDBへの簡単なリクエストを行う必要があります。ここでは、本当にシンプルなコンセプトは、（例はNGX-翻訳ドキュメントから1に近い1を取る）それを解決する方法は次のとおりです。

import {Component} from '@angular/core'; 
import {TranslateService} from '@ngx-translate/core'; 

@Component({ 
    selector: 'app', 
    template: ` 
    <div>{{ 'HELLO' | translate:param }}</div> 
` 
}) 
export class AppComponent { 
param = {value: 'world'}; 

constructor(translate: TranslateService) { 
    let lang; 
    //here will be your request to recive language from DB 
    translate.setDefaultLang(lang); 
    // this language will be used as a fallback when a translation isn't found in the current language 

    //of course do not forget about error handling if something fails! 
    translate.use('en'); 
    // the lang to use, if the lang isn't available, it will use the current loader to get them 
    } 
} 

移動し、いくつかの研究を行うについてngx-translateそれは本当に素晴らしいことだと著者はいくつかの素晴らしい例を提供します。

DBへの実際のリクエストをスキップしたことがわかりましたが、それについて読むための場所がたくさんあります。like this one（公式のAngularドキュメント）。