时间戳

首页 > 解决方案 > 如何给formio表单提供虚拟值

angular - 如何给formio表单提供虚拟值

问题描述

我使用提交按钮页面创建了用户名和密码formio

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

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

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

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

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

标签： angularformio

解决方案

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

如下更改您的 html

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

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

submission: any;

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

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

快乐编码:)

推荐阅读