問題タブ [angular-translate]

i18n に angular-translate を使用する angular JS アプリがあります。このアプリは、highcharts.js を使用してチャートも表示します。highcharts-ng の上にカスタム ディレクティブを作成しました。これにより、オブジェクト リテラルを式として渡すことができ、チャートの軸を構成するために使用されます。

私は次のようにディレクティブを使用します。

今、私は自分のアプリを翻訳したいと思っています。これは明らかに機能しないことに気付きました：

オブジェクトリテラル内で翻訳フィルターを使用する方法はありますか? そうでない場合、角度のあるアーキテクチャに固執しながら問題を解決するにはどうすればよいですか?

また、他の翻訳されていないフィールドを含むオブジェクト リテラルの受け渡しを中断するような方法でディレクティブのセマンティクスを変更することはできないことに注意してください。

最小限のサンプル フィドル: http://jsfiddle.net/Ssn53

NodeJS+Express+AngularJS を使用して Web アプリケーションを開発しており、それを別の言語で表示しようとしています。「Angular-translate」を使用して静的テキストを非常に簡単に正しく翻訳できましたが、問題は、データベースから動的に取得したデータを使用して翻訳する方法がわからないことです。

言語ごとに列 (description_es、description_en) があるので、選択した言語に応じて、HTML にあるこのステートメントを変更したいと考えています。

また

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

どうもありがとうございました。

選択ドロップダウンを翻訳しようとしていますが、面倒で、angular-translate フレームワーク全体をバイパスするため、自分のやり方が好きではありません。

ロケール データは {"lang": {"label": "text", "select": {"k1": "var1", "k2": "var2"}}} のように見えます。コントローラースコープのメンバー、select の ng-options に「k as v for (k,v) in scopedvar」のようなものを書くことができます。

基本的に、翻訳して言語の解決を行い、それから邪魔にならないようにして、オプションのローカリゼーションのマップを返したいと思います。それが理にかなっていれば、「'select' | translate の (k, v) の v としての k」のようなものですが、もちろんそうではありません。

以前にこの問題に直面した (そして解決した) 人はいますか?

ティア、エドアルド

私はi18n用の角度変換を使用しています。

私が取り組んでいる特定の機能は、本のステータスを更新することです。サービス コールバックでは、成功した場合、書籍のステータスを から、たとえば に更新OpenしていClosedます。(Batarang を使用して) スコープを表示すると、DOM 要素が次のように表示されます。

ご覧のとおり、翻訳値は更新されていますが、翻訳自体は単独で行われていません。私はドキュメントを読み、これが予期される動作であることを理解しています。私が知りたいのは、翻訳された値をどのように更新すればよいですか?

現在、再変換が必要なスコープ値を更新するたびに、$translateサービスを注入して実行しています。$translate.refresh()それは不格好だと思いますし、おそらく私がやるべき方法ではありません。

何かご意見は？

私のアプリケーションでは、AngularJS モジュールの Pascal Precht (翻訳モジュール) を使用しています。翻訳キーの私の方法myApp.Runで取得できないので、あなたに来ます。app.jsコントローラーまたはビューで実行できます。ただし、プロジェクトの初期化時に取得することはできません。対応ではなく鍵を見せてくれます。

解決策はありますか？

これが私のコードです：

私の AngularJS のバージョンは 1.2.16 (最新の安定バージョン) です。どうも

アプリでangular-translateを使用しています。angular-uiを使用してコンテンツを動的に切り替えることができるタブを使用します。$http を使用するカスタム サービスを介してコンテンツを取得します。

テンプレートはサニタイズされ、後でレンダリングするために配列にプッシュされます。

{{tab.content}} でレンダリングされたビューでは、この時点までのすべてが非常にうまく機能します。私が抱えている問題は、新しく挿入されたテンプレートを翻訳するために angular-translate を取得することです。

テンプレート内では翻訳ディレクティブを使用して翻訳していますが、テンプレートは翻訳が行われる場所の $scope の外にあるため、そのテキストはレンダリングされません。

$compile を使用して動作させることができると思っていましたが、使用方法がよくわかりません。

どんなアイデアでも大歓迎です。

翻訳にangular-translateモジュールを使用していますが、翻訳されない動的文字列があります。

私はこの方法を試しました：

これはうまくいきませんでした。

そして、私は彼自身のディレクティブを使用してみました:

このメソッドを使用すると、変換せずに data.foo の出力結果が得られます。

これを行う最善の方法は何ですか？

ありがとう ：）

いくつかの文字列を複数形にするために、メッセージ形式の補間で angular-translate を使用しています。(私が何について話しているのかわからない人のために: http://angular-translate.github.io/docs/#/guide/14_pluralization )。

かなりうまくいっていますが、定数の代わりに変数を使用する方法がわかりません。

これは HTML コードです。

これは機能しますが、使用すると

エラーが発生します。引用符、二重引用符などを使用しようとしましたが、何も機能しないようです。messageformat が式の評価をサポートしていないことは知っていますが、変数置換が機能することを願っていました。

何か案が？

AngularJS アプリケーションがあります。テキストの翻訳には angular-translate を使用しています。それはうまく機能しますが、最初のページをリクエストすると、翻訳が読み込まれるまで数秒かかり、ページにラベルが表示されます。

http://angular-translate.github.io/docs/#/guide/12_asynchronous-loading#asynchronous-loading_fouc---flash-of-untranslated-contentに関するいくつかの投稿を読みましたが、まだ機能していません。

これは私の翻訳モジュールです:

i18n.js:

私のapp.jsメインファイルに含まれています：