問題タブ [ng2-translate]

JavaScript ES6 で完全に記述された Angular2/Ionic2 アプリにng2-translateパイプを実装しようとしています。

しかし、JavaScript ES6 でコードを記述する必要があるセットアップ フェーズのステップに行き詰まっています。これまでに彼らのドキュメントやインターネットで見つけたものは、アプリに実装しようとしているときに構文エラーをスローする TypeScript で書かれています。

コード：

私が知る必要があるのは、TypeScript で記述されたコードを JavaScript ES6 に変換して実行する方法です。

私が作成している Angular 2 RC5 アプリでの言語処理に ng2-translate を使用しています。アプリには 2 つの機能モジュールがあり、1 つは遅延ロードされ、もう 1 つは熱心にロードされます。TranslateModule は、共有モジュールを通じて利用可能になります。問題は、翻訳パイプが熱心にロードされたモジュールでは正常に機能するが、遅延ロードされたモジュールでは機能しないことです。それが読み込み方法に関係していることを確認するために、私は両方を熱心な読み込みに変換し、すべてが正常に機能しました。

この問題を示す plunk は次の場所にあります: Plunker重要なコードも以下に示します。

最初のページは熱心に読み込まれたページであるため、文字列がきれいに見える理由です。[ログイン] をクリックすると、すべての文字列が大文字である、つまり翻訳されていない、遅延ロードされたものに移動します。

どんな助けでも大歓迎です。

app.module:

app.routing:

app.component:

共有モジュール:

welcome.module (イーガーロード)

ようこそ.コンポーネント:

ようこそ。ルーティング

backend.module (遅延ロード)

backend.component:

backend.routing

en.json

Angular 1.5 で記述されたレガシー アプリケーションがあり、Angular 2 で記述された新しいコンポーネントを追加したい

しかし、ng2-translateに問題があります

ここに私のコンポーネントhome.tsがあります

そしてここにhome.htmlがあります

ここにmain.tsがあります

だから私はAngular 2 rc5の最新バージョンを使用しています。そして、次のエラーが発生します

誰でも私を助けることができますか？私はすべての変種を試しました:(

また、angular2-seed をダウンロードし、そこに同じコードを追加したところ、動作しました! ただし、ハイブリッド アプリケーション向けではありません。

メインアプリとは異なる他のコンポーネントのために、Angular 2 RC5 に ng2-translate を統合する際に問題が発生しています。

パイプをグローバルに使用したいのですが、調査の結果、おそらく「プロバイダー」を使用する必要があることがわかりました（ただし、それはRC4にあります）。その後、「宣言」を使用する必要があることがわかりました。何か案は？

いつものように...助けてくれてありがとう！

テンプレートファイルで使用すると、次のようになります。

{{ 'HOME.TITLE' | 翻訳 }}

ブラウザで次のエラーが表示されます。

これは私の main.ts ファイルです:

メイン モジュール ファイル:

ユーザーが住所を入力したときにドロップダウンに表示される、データベースからの国のリストがあります。

ng2-translate を使用して、それらを翻訳する方法はありますか?

次のようなことができるようになりたいです。

次のような json ファイルの翻訳を使用します。

しかし、もちろんうまくいきません:(

または、データベースにも翻訳を入れてcurrentLang、目的の言語でエントリを取得するために使用する必要がありますか?

Angular 2 RC.6 でng2-translateを使用して Highcharts の名前シリーズを翻訳しようとしています。

コンストラクターにチャート構成があり、関数を呼び出してシリーズ名を変換します。

その関数内で、次を呼び出しますTranslationService。

正しい翻訳をコンソールに記録することができました。Series 1ただし、翻訳された単語の代わりにハイチャートが表示され続けます。

TranslateServiceただし、コンストラクター内で (関数なしで)を使用すると、機能します。

ただし、他のものを翻訳する必要があるため、単語ごとにサービスを繰り返すのではなく、関数を使用すると便利です。

angular2 で Web アプリケーションを構築し、これを webpack にバンドルしたいと考えています。複数の言語を提供するための最良の方法は何ですか:

i18n-プラグイン: https://github.com/webpack/i18n-webpack-plugin

また

ng2-translate: https://github.com/ocombe/ng2-translate