如何为formio表单提供虚拟值

Question

我已经使用formio创建了一个带有提交按钮页面的用户名和密码

我已经在页面中显示了从数据库中获取该脚本。该页面现在可见。但是当我点击一个按钮时，我想显示一个虚拟的用户名和密码。

但我已经实现了，每当页面加载时，数据都会通过添加下面的内容来填充。

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

但是当我点击一个按钮时，我想要填充数据。实际上，我的目的是想在我的组件中访问该用户名。如何访问用户名

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

Answer 1

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

按如下方式更改您的html

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

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

submission: any;

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

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

快乐编码:)