Sigmond Gatt Ответов: 1

Anuglar material stepper - считывание данных

каков наилучший способ считывания входных данных от пользователя, когда у него есть шаговый шаг материала с большим количеством различных полей?

это часть кода, так как он немного огромен, но просто взять идею:

<mat-horizontal-stepper [linear]="isLinear" #stepper>
  <!--Merchant Resource-->
  <mat-step [stepControl]="merchantResource">
    <form [formGroup]="merchantResource">
      <ng-template matStepLabel>Merchant Resource</ng-template>

      <div class="example-container">


        <table class="merchant-resource-table" cellspacing="0">
          <tr>
            <td>
              <mat-form-field class="example-full-width">
                <input matInput  id="merchantName" placeholder="Merchant Name" formControlName="merchantResourceCtrl" required>
              </mat-form-field>
            </td>
            <td>
              <mat-form-field class="example-full-width">
                <input matInput placeholder="Trade Name" formControlName="merchantResourceCtrl" required>
              </mat-form-field>
            </td>
          </tr>
          <tr>
            <td>
              <mat-form-field class="example-full-width">
                <input matInput type="number" placeholder="Registration Number" formControlName="merchantResourceCtrl"
                  required>
              </mat-form-field>
            </td>


Что я уже пробовал:

я не знаю , есть ли способ сгруппировать их на шаг или нет, я пытался путешествовать по интернету, но ничего не могу найти .. anyhelp, пожалуйста ?

1 Ответов

Рейтинг:
1

Pete O'Hanlon

Обычный способ сделать это-разделить каждый мат-шаг на свою собственную группу форм.

<mat-step [stepControl]="myForm1">
  <form [formGroup]="myForm1">
    <mat-form-field ....

  </form>
</mat-step>
<mat-step [stepControl]="myForm2">
  <form [formGroup]="myForm2">
    <mat-form-field ....

  </form>
</mat-step>
<mat-step [stepControl]="myForm3">
  <form [formGroup]="myForm3">
    <mat-form-field ....

  </form>
</mat-step>

Sigmond Gatt

и если каждая группа форм имеет более одного поля .. как я могу получить данные, введенные пользователем ?

Pete O'Hanlon

Это всего лишь стандартные группы форм. Вы получили бы их точно так же, как вы получили бы от группы форм, если бы это был один элемент управления с несколькими полями. В этом нет ничего особенного.