問題タブ [ng2-translate]

ng2-translate@2.5.0 を使用する angular-cli@1.0.0-beta.14 で生成された angular2 アプリで簡単な単体テストを実行しようとしています。

単体テストを実行すると、翻訳サービスが翻訳ファイルをロードできません。

解決策は、karma.conf プロキシ プロパティ、TranslateStaticLoader、angular-cli.json セットアップの組み合わせにあると思います。

標準の cli ディレクトリ構造を使用しています。これが一般的な問題であると感じています/願っています。必要に応じて、コードとディレクトリのスニペットを提供します。

angular-cli プロジェクトに ng2-translate を追加しました。localhost ではうまく動作しますが、ng build prod から実行しようとすると、404 が見つかりませんでした:

http://MySite/assets/i18n/en.jsonリソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました

ファイルはこのパスに存在しますが、ブラウザで見つかりません。

このプロバイダーを app.module.ts に追加しました。

providers: [ { provide: TranslateLoader, useFactory: (http: Http) => new TranslateStaticLoader(http, 'assets/i18n', '.json'), deps: [Http] }]

angular-cli.json にいくつかの宣言を追加する必要があるのでしょうか? でも何？

私の Angular2 アプリは ng2-translate モジュールを使用しており、「en.json」ファイルには翻訳が含まれています。これはすべて、angular-cli でデプロイされたビルド エンドの開発モードでうまく機能します。しかし、prod モードでビルドして WildFly にデプロイすると、en.json が見つからず、翻訳が読み込まれません。

en.json が dist ディレクトリ内にパックされるように、prod モードでアプリをビルドする方法は?

テンプレートのパラメーターで ng2-translate を使用しようとしました:

そして、それは完璧に機能します。タイプスクリプトで翻訳を作成したいのですが、この関数を見ました：

しかし、私はそれを使用する方法がわかりません。

例はありますか？

私の場合は次のとおりです。

en.json:

タイプスクリプト:

欲しいもの：1と2のレベルが低い。

どうもありがとう。

ng2-translate i18n を実装しようとしています。

ダッシュボード.コンポーネント.ts

このファイルのパスはsrc/main/app/dashboard/dashboard.component.ts です

2 つの JSON ファイルのパス - en.json と fr.json はsrc/main/app/assets/i18nです。

TranslateModule を app.module.ts に含めました

しかし、アプリを実行すると、en.json file not found-404 エラーが発生します。私はwebpackを使用しており、webpack.common.jsにはこのようなJSONのプリローダーがあります

それでも、JSON file not found エラーが発生します。

そして、私がフォローしていた例から、パス assests\i18n.json がどのファイルに記載されているのかわかりません。

どうやらng2-translateに欠落しているため、次のディレクティブを作成しました。

ご覧のとおり、低レベルの「el.nativeElement.innerHTML」を使用して動作させましたが、API は「renderer.setText」呼び出しも動作することを暗示しているようです。代わりに、まったく効果がありません。

質問: それはなぜですか? setText 呼び出しは何をすべきですか? おまけ: コードに問題がありますか、それとも ng2-translate に含まれていない正当な理由がありますか? 悪いアイデア？