私はプロジェクトで複数の言語を扱うためにember-i18nを使用しています。補間を使用して翻訳内にリンクを挿入する必要があります。リンク補間i18n
Githubの上@jamesarosenから
2
A
答えて
6
それ は、DOMノードではなく、文字列を発するので、あなたが翻訳内
{{link-to}}
ヘルパーを使用することはできません。
しかし、ember-href-toアドオンを使用してURLを生成することができます。 JavaScriptで
:
// some-thing/component.js:
import { hrefTo } from 'ember-href-to/helpers/href-to';
text: Ember.computed('i18n.locale', function() {
const i18n = this.get('i18n');
const href = hrefTo(this, 'some.route');
const link = Ember.String.htmlSafe(`<a href="${href}">Link Text</a>`);
return i18n.t('some.translation', { link });
})
またはハンドルバーで(あなたがhtmlSafeヘルパーが必要です):
{{t 'some.translation'
link=(htmlSafe (join '<a href="' (href-to 'some.route') '">Link Text</a>'))}}
0
私は最近、同様の問題に直面し、これは私がやったことです:
翻訳ファイル(en.json):
"some.message.key": "Successfully created <a href='{{userlink}}'> {{username}} </a>."
それぞれのテンプレート/ HBSファイルで
:
{{html-safe (t "some.message.key" userlink=link username=name)}}
HTMLセーフは、アドオンember-cli-string-helpersが提供するヘルパーです。
関連する問題
- 1. Ruby on Rails I18n補間
- 2. Rプログラミングのボラティリティサーフェスグラフ上の補間補間
- 3. 立方体射影補間補間Python
- 4. パスへのリンクでルビ言語を補間する方法
- 5. ラグランジュ補間
- 6. 加重補間
- 7. リサンプリングと補間
- 8. アキマ補間アルゴリズム
- 9. PSR-3補間
- 10. gemペーパークリップ補間
- 11. OpenGL GLSL補間
- 12. UIImageViewスケーリング/補間
- 13. キュービズムグラフの補間
- 14. ウェーブレットベースの補間
- 15. Modelicaキュービックエルミート補間
- 16. Char.js補間リニア
- 17. Pythonの補間
- 18. 角度補間
- 19. 時間方向の補間
- 20. イメージのピクセル間の補間
- 21. 補間同時に
- 22. 線形補間 - Python
- 23. GLSLカラーテッセレーションシェーダの補間
- 24. 補間テクスチャ座標
- 25. 二次ベジエ補間
- 26. 角2の補間
- 27. SCSS補間が幅
- 28. ngStyle内の補間
- 29. Simulink:Inportsのスプライン補間?
- 30. SASS Calcの補間