ember.js - 链接插值 i18n

Question

我使用 ember-i18n 在我的项目中处理多种语言，我需要在翻译中插入一个链接(使用插值)。

有什么想法吗？

Answer 1

Response来自 Github 上的@jamesarosen:

You can't use the {{link-to}} helper inside a translation because it emits a DOM node, not a String.

但是你可以使用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 });
})

或者在 Handlebars 中(你需要一个 htmlSafe 助手):

{{t 'some.translation'
  link=(htmlSafe (join '<a href="' (href-to 'some.route') '">Link Text</a>'))}}