如何为 formio 表单赋予虚拟值

Question

我使用 formio

创建了带有提交按钮页面的用户名和密码

并且我通过从数据库中获取该脚本在页面中显示。该页面现在可见。但是我想在单击按钮时显示虚拟用户名和密码。

但是我已经实现了，就像每当页面加载时，数据都会通过在下面添加来填充。

    <formio [form]="obj"[submission]='{
        "data": {
          "userName": "Joe",
          "password": "Smith"
        }
      }'>

但是我想在单击按钮时填充数据。实际上我的意图是我想在我的组件中访问该用户名。我如何访问该用户名

例如：- 在 angularJS 中，我们可以使用 ng-model 访问它，例如 $scope.ngModel 在 formio 中，我们如何在组件中访问它。

Answer 1

是的，我们甚至可以在组件级别实现。

如下更改您的html

<formio [form]="obj" [submission]="submission"/>

在您的组件中添加以下内容

submission: any;

    showData () {
        this.submission = {
          data: {
              userName: 'Joe',
              password: 'Smith'
          }
        };
      }

它应该在页面中显示数据。

编码愉快:)

如何为 formio 表单赋予虚拟值

how to give dummy values to formio form

angular

formio