問題タブ [angular-translate]

$translateProvider.translationメインモジュールで外部モジュールを変更しようとしています。これを私のアプリの「翻訳プラグイン」と見なしてください。

$translateサービスから翻訳を変更することはできないようです。

明るいアイデアを持っている人はいますか？

制御のために、ネストされた JSON データをグループ化して変換する必要があります。<select>これは、理想的には、クライアント側のデータ形式に触れたり、ヘルパー構造を作成したりせずに、http サービスから受け取っています。そのため、コントローラーにはこのためのほぼゼロのロジックが含まれ、グループ化と翻訳全体が HTML マークアップ側になります。

私が受け取っているデータは multiple の配列でwork groupsあり、それぞれが関連する a への参照を保持し、グループが持つservice typeすべてのものです。work itemsしたがって、（簡略化された）構造は次の配列です。

データ

各サービス タイプ、ワーク グループ、およびワークについてid、現在のロケールに従って、クライアントで値を翻訳する必要があるだけです。翻訳は、すべてのキーと値のペアが として構造化されている JSON ファイルにあります<KEY>.<id>:<translation>。例えば：

翻訳

したがって、正しい表示値を取得するにはid、既知のものと組み合わせる必要があります。key

私が必要としているのは、可能なすべてがグループ化された<select>コントロールです。グループを選択すると、関連するすべての. これは私が現在持っているものです。work groupsservice typeworks

HTML

上記は問題なく動作しますが、生データから作成した「グループ」var を使用します (下の plunkr へのリンクを参照)。コントローラー側にロジックを追加せずに、この種のアイテムのグループ化と翻訳を取得する方法はありますか?

これは、望ましい結果に関連するプランカーです: http://plnkr.co/edit/99gVZe

編集: @plalx による驚くべき洞察に基づいて、ここに what-I-wanted-to-achieve へのリンクがありますhttp://plnkr.co/edit/3bMZZs

ローカリゼーションにAngular Translateを使用しています。

これが私のコードです:

HTML は次のとおりです。

私のコントローラーでは、サーバーからデータをフェッチし、応答に基づいて「myObj.connected」を更新しています。Google Chrome では問題なく動作していますが、IE-11 では値が変換されません。

Angular-Translate を使用する場合、補間に使用するマップを渡すことができます。

構文は、たとえば

問題は、特別なオブジェクトで渡したい変数を収集する必要があることです。

現在のスコープ全体 (+ 継承済み) を Translate に渡して、スコープ上にあるものを補間で使用できるようにする方法があることを知りたかったのですか?

感謝

アプリでangular-translateモジュールを使用しています。Chrome では正常に動作しますが、Firefox では、Unicode 文字を含む言語ファイルは失敗します。

ブラウザから json ファイルを直接リクエストすると問題なく表示されますが、Firebug でファイルを見ると次のようになります。

翻訳モジュールを使用して Firebug でも同じことがわかります。ブラウザは Unicode 文字を正しくレンダリングしているようですが、何らかの理由で (ajax リクエストを介して) 角度を変換しません。Chrome ではすべて問題なく動作するので、Angular の翻訳モジュールに到達する前に、Firefox ではおそらく発生しないファイルの前処理が Chrome で行われていると思います。

誰かが似たようなことを経験しましたか?

かなり大きなAngularプロジェクトでangular-translateを使用しています。プロジェクトを複数のモジュールに分割して管理しやすくしていますが、翻訳文字列をモジュールごとに分割することができません。

たとえば、モジュール A と B があり、B は A のサブモジュールです。「/json/localization/A/en.json」に配置される、モジュール A でカバーされる HTML に関連する文字列があります。同様に、「/json/localization/B/en.json」に配置する B に関する文字列があります。まず、angular-translate の $translationProvider を使用して、B の en.json をモジュール B にロードします。次に、同じく $translationProvider を使用して、モジュール A の en.json を読み込みます。問題は、A の文字列をロードすると B の文字列が上書きされ、それらが失われることです。

angular-translate を使用して、オーバーライドせずにモジュールごとに文字列をロードする方法はありますか、それとも親モジュールが単一の en.json からすべての文字列をロードする必要がありますか?

翻訳文字列をロードする方法の例を (coffeescript で) 以下に示します。

AngularJS で HTML タイトルを設定する方法を示す他の回答があります。これは、angular-translate を使用している場合でも、基本的なケースで機能する私のバリエーションです。

と

これは、翻訳文字列が「My Title」のようなプレーンテキストの場合は機能しますが、「My {{something}}」のような角度のある変数がある場合は失敗します。 $scope.something を別のコントローラーに設定します。

だから問題は、スコープにMainCtrlで設定された変数が含まれていることを確認するにはどうすればよいかということだと思いますか?