angular - 如何在formio中使用向导重命名按钮？

Question

我正在使用带有 Angular 2 的 formio 来呈现我构建的自定义表单。问题是，当您使用向导按钮创建表单Next并Previous自动添加时。项目应针对德国进行本地化，按钮名称也应为德语。

有没有办法重命名/本地化按钮标题？（同样的问题是日部分：月份是英文的）

Answer 1

您可以使用 Formio 翻译（请参阅https://github.com/formio/formio.js/wiki/Translations）或仅禁用向导按钮（https://github.com/formio/formio.js/wiki/Form- Renderer#options）并创建自己的，这反过来会触发导航事件。

你可以这样：

var options = {
  language: 'en',
  i18n: {
    en: {
      cancel: 'Abort',
      previous: 'Back',
      next: 'Forward',
      submit: 'Execute'
    }
  }
};

Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/wizard', options).then((instance) => {
  instance.language = options.language;
});

示例：https ://jsfiddle.net/airarrazaval/e6pz2tcs/