問題タブ [ng2-translate]

私のionic2アプリでng2-translateを使用していますが、次のようなhtmlの静的テキストでうまく機能しています。

このタイトルを翻訳してもらいましたが、これを翻訳しようとすると:

翻訳パイプをion-titleとしてp.titleを翻訳できません。私はそれを行うことができます：

しかし、翻訳したいすべての ngfor または配列を購読したくありません。これを機能させる別の方法はありますか？

app.module の私の conf:

Web アプリng2-translateで見出しとテキストを翻訳していました。angular2しかし、ファイルから渡されたテキストを翻訳しようとすると、今は混乱してい.tsます。
たとえば、次のように html ファイル内のテキストを翻訳できます。

しかし、.ts次のようなファイルテキストがある場合。次に、それらのテキストをどのように翻訳できますか。

上記の例では、次のようなテキストを翻訳したい

「場所を選択してください」、「オプション 1」、「オプション 2」、「OK」...

誰かがこの問題を克服するためのアイデアを持っているなら、私を助けてください. ありがとう。

ng2-translate を使用して、ドイツ語と英語のオプションでページを翻訳しようとしています。

navbar.component.html

navbar.component.spec.ts

翻訳が行われており、{{ 'PAGE.GENERAL' | translate}}は適切に翻訳されています。したがって、仕様では、TranslateService の getTranslation() は Json ファイル (en.json & de.json) からデータを取得しています。TranslateServiceMock でこのサービスをモックしています。これをテストするにはどうすればよいですか？何か助けはありますか？

ionic2 のモーダルと組み合わせて ng2-translate を使用すると問題が発生します。通常のページの翻訳は機能しています。

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

たとえば、私のダッシュボードでは、次の HTML コードを使用して正しい翻訳を取得できます。

<h2>{{'general.tasks' | translate}}</h2>

しかし、次のコードで ionic-angular から ModalController を使用して新しいモーダルを開くと、次のようになります。

その新しい TaskCancelPage に同じ HTML コードを持つ

<h2>{{'general.tasks' | translate}}</h2>

しかし、ここでは、変換された値ではなく、 general.tasksのみを取得します。

angular (2.4.1) + typescript (2.0.3) + webpack (2.1.0-beta.25) プロジェクトにng2-translate (5.0.0) を追加しました。私は、構築時の早い段階で、メモリ内のいくつかの辞書を介して手動で翻訳を定義しています。setTranslation

TranslateServiceコンポーネントコード内で使用すると、すべて正常に動作します。HTMLテンプレート内のディレクティブにもパイプにも正しい構文を見つけることができません。

翻訳の 1 つのセットには、たとえば次のようなものがあります。

1) パイプ

テンプレートが次の場合:

アプリケーションは実行時に、非常に早い段階で中断しますplatformBrowserDynamic().bootstrapModule(AppModule)。

アプリケーションのブートストラップ中にエラーが発生しました。構文エラー

2) 指令 + 内容

テンプレートが次の場合:

アプリケーションは壊れませんが、ページには翻訳されていないキーが表示されるだけloginTitleです。

3) 指令

テンプレートが次の場合:

アプリケーションは壊れませんが、ページは本来あるべき場所にテキストを表示せず、DOM ノードはテキストをラップしません。

ドキュメントで推奨されているようにTranslateModule、アプリ モジュール レベル ( を使用forRoot) と共有モジュールの両方でインポートしました。共有モジュールは、他の領域モジュールによってインポートされます。

ネストされた翻訳、一重引用符なしなど、他のバリエーションも試しましたが、うまくいきませんでした。私は何を間違っていますか？

編集シナリオ＃1では、初期エラーに関する詳細情報を記録できました：

エラー: テンプレート解析エラー: パイプ 'translate' が見つかりませんでした

しかし、それはすでに ng2-translate の一部である必要があります

私はAngular 2を初めて使用し、複数のモジュールを使用するときにコードをDRYに保つことについて質問があります.

他のモジュールでよく使用される機能をインポートおよびエクスポートする共有モジュールがあります。

それらのインポートの 1 つが ng2-translate です。

しかしSharedModule、新しいモジュールにをインポートするときは、構成TranslateModuleできるように ng2-translate から再度インポートして構成する必要があります。

これにより、複数のモジュールで作業する必要がある場合に嫌いなパターンが得られます。

では、このコードをDRYに保ち、ベスト プラクティスを維持するにはどうすればよいでしょうか。

アプリモジュール

これが私の基本的な構造です。新しいモジュールを追加する場合は、 をインポートしSharedModule、もう一度TranslateModuleを使用してデフォルト言語を設定する必要がありますTranslateService。

このパターンを防ぐにはどうすればよいですか?

動的な値を含むエラー変数を補間するこの状況があります。

何らかのエラーが発生するたびに、errorMsg にキーを入力します。お気に入り

これらはパイプによって翻訳された私のキーであり、うまく機能します。

しかし、同時に 2 つのキーを翻訳したいのです。それ、どうやったら出来るの？何かのようなもの：

その結果、

en-US.json のキーと値のペアは次のとおりです。

これは実行可能ですか？