Как использовать ngx-translate в случае динамического шаблона, созданного методом машинописи? - PullRequest
Новая
       8

Как использовать ngx-translate в случае динамического шаблона, созданного методом машинописи?

0 голосов
/ 19 декабря 2018

У меня есть следующий метод в машинописном файле, который генерирует динамический список кнопок с различным текстовым содержимым.Я использую библиотеку ngx-translate для управления функциями перевода для углового приложения, имеющего ng-version = "4.4.7".Здесь, в этом случае, я хочу использовать конвейер перевода для генерации переведенного текста на разных языках.

private getButtonTemplate(showLabel = true) {
    return `
      <button onclick="$onClick" data-social="$text" class="social-sharing-btn ${showLabel ? 'with-label' : ''}">
        <span class="icon icon_$text.toLowerCase()"></span>
        ${showLabel ? 'Share on $text' : ''}
      </button>
    `;
  }

У меня есть следующий ключ в файле переводов: 

en.json :
{
  "Share on Facebook": "Share on Facebook",
  "Share on Sina": "Share on Sina"
}

es.json :
{
  "Share on Facebook": "Compartir en Facebook",
  "Share on Sina": "Compartir en Sina"
}

В случае просмотра мы можем сделать это напрямую, как указано ниже:

Проверка {{'ключ'|перевод}}

Кто-нибудь может мне помочь, предоставив свои рекомендации по решению этой проблемы?

...