問題タブ [angular-translate]

翻訳に angular-translate を使用し、FOUC を回避しようとしています。

そして、私のhtmlの1つでこれをやろうとしています

しかし、まだ FOUC の動作が見られます。任意のアイデアや提案。スクリプトをデバッグすると、イベント $translateLoadingSuccess が呼び出されないため、ページが読み込まれた後でもすべての要素が表示されません。

アプリで angular gettext を使用しました。現在、私は 2 つの言語を使用しており、ユーザーの好みに応じて UI の言語を切り替えたいと考えています。DE と EN の 2 つの言語のボタンがあります。

コントローラーメソッドで言語を設定しました：

これを行うと、言語は UI で変更されないようです。angular gettextを使用してUIで言語を動的に変更する正しい方法は何ですか?

前もって感謝します。

ユーザーが「en」側の特定のページから「de」をクリックすると、「de」側のそのページに移動する言語スイッチャーを実装しようとしています。$state パラメータを console.dir すると、指定された $state の「現在の」プロパティで必要な値が公開されます。必要な値に焦点を当てるために $state.current を console.dir しようとすると、親の状態プロパティのみが表示されます (現在のビューはネストされています)。

私の現在の考えでは、私は url/en/content を使用しており、動的に言語ナビゲーションに適切な目的地ポイントをある種のデータ属性に動的にロードさせることができます。 「移動」して、angular-translateごとにpreferedLanguage値を設定します。

現時点での重要な問題は、その $state 名を公開することです。繰り返しますが、単純に $state を参照すると、現在のオブジェクトが必要な値を提供しますが、 $current.state は親の状態のみを直接提供します。

誰かがこれを行う方法についてより良い提案をしている場合 (角度のある方法で - カスタム Cookie ジャンクではありません)、喜んで提案を受け付けます。

ありがとう！

アップデート！コードサンプル:

私の状態のオブジェクト参照:

私の州:

コントローラ：

最後に、dom に表示される出力:

this.state = $state; で

this.state = $state.current で

翻訳には次の角度ファイルを使用しています。

• angular-translate.min.js (v2.2.0)
• angular-translate-loader-static-files.min.js (v2.2.0)
• angular-translate-storage-cookie.min.js (v2.2.0)
• angular-translate-storage-local.min.js (v2.2.0)
• angular-cookies.min.js (v1.2.22)

angular-translateは、次の操作を行うと機能します。

しかし、静的ファイルを使用しようとしたときではありません...

私のHTML：

私のapp.js：

My Get Response (Content-Type を application/json に設定):

レンダリングされた HTML ページは以下を示します: label.test

さらに、コンソールにエラーはありません。また、キーの名前を TEST に変更しようとしましたが、それもうまくいきませんでした。

何か案は？

ありがとう。

アプリに angular-translate.min を含めましたが、404 エラーが発生していないため、それが見つかっていることがわかります。しかし、使用しようとするとエラーが発生し、理由がわかりません。何かアイデアはありますか? .js ファイルをインクルードして使い始めることができると考えました。ありがとう

https://docs.angularjs.org/error/$injector/modulerr?p0=UserAdminApp&p1=Error:%20%5B$injector:modulerr%5D%20http:%2F%2Ferrors.angularjs.org%2F1.2.20%2F$injector%2Fmodulerr%3Fp0%3DngTranslate%26p1%3DEr

https://docs.angularjs.org/error/$injector/modulerr?p0=ngTranslate&p1=Er

angular-translate（pascalprecht）でAngularJSを使用しています。現在のビューからボタンをスクロールして元に戻すか、他の方法でページを再描画するまで (表示の切り替え: なし)、ボタン要素の翻訳されたテキストが表示されないという問題が発生しています。ただし、翻訳されたテキストは適切に配置されています（インスペクタを介してチェック - クロム開発ツール）。

これは Chrome で発生しますが、Firefox では再現できませんでした。翻訳は staticFileLoader (ローカル ファイル) で読み込まれます。要素の翻訳は次のように追加されます。

ボタン要素をアンカー ('a') 要素と交換しようとしましたが、エラーは解決しません。

私が使用angular-translateし、たとえば次の翻訳があります。

次の方法でテンプレートに含めることができます。

したがって、結果として次のようになります。

しかし、私が欲しいのは、コロンが続く翻訳です:

では、どうすればこれを行うことができますか？翻訳された文字列に文字を追加するにはどうすればよいですか? 私は翻訳にコロンを追加したくありません。なぜなら、そこにあるべきではないと思うので、より柔軟になり、コロンの有無にかかわらず使用できます。

もちろん、私はsthを行うことができます。このような

しかし、パフォーマンス上の理由から、中括弧を含むバージョンは避けたいと思います。ロード/評価されていない場合は、しばらく表示されますが{{'INFO_TEXT | translate'}}、それは良くありません。