как придать фиктивные значения форме formio

Question

Я создал имя пользователя и пароль на странице кнопки отправки, используя formio

, и я показал на странице, что этот скрипт взят из базы данных. страница видна сейчас. Но я хочу показать фиктивное имя пользователя и пароль, когда нажимаю на кнопку.

Но я достиг, как и при загрузке страницы, данные будут заполняться, добавив ниже.

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

Но Я хочу заполнить данные, когда я нажал на кнопку. На самом деле я хочу получить доступ к этому имени пользователя в моем компоненте. Как я могу получить доступ к этому имени пользователя

Пример: - В angularJS мы можем получить к нему доступ с помощью ng-model, как $scope.ngModel in formio, как мы можем получить к нему доступ в компоненте.

Answer 1

Да, мы можем добиться этого даже на уровне компонентов.

измените html, как показано ниже

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

добавьте следующее в ваш компонент

submission: any;

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

он должен отображать данные на странице.

Удачного кодирования:)