ruby-on-rails - 如何使用 i18n 本地化 Stimulus JS 值？

Question

我正在开发 Rails 6 应用程序，我试图将所有显示的字符串存储在语言环境文件中。我有一个名为 countdown_controller.js 的 Stimulus Controller :

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {

  static values = {
    message: { type: String, default: "Deal closed!" }
  }
}

en.yml:

en:
 deals:
   status:
     closed: "Deal closed!"

我想使用 I18n.t("deals.status.close") 作为 countdown_controller.js 中 messageValue 的值直接写入字符串。我不知道该怎么做。

Answer 1

只需将 countdown_controller.js 转换为 countdown_controller.js.erb 对我有用。然后我使用插值来注入(inject) I18n.t("deals.status.lated") 如下:

import { Controller } from "@hotwired/stimulus";

export default class extends Controller {

  static values = {
    message: { type: String, default: "<%= I18n.t('deals.status.closed') %>" }
  }
}

附注我最初收到错误，因为我将注释更改为使用以 # 开头的 ruby​​ 语法，而不是以 // 开头的 JS 语法。