共價動態表單獲取插入的數據

Question

我正在使用Teradata Colvalent在Angular項目中使用Dynamic Forms，這是我要求用戶的數據：

public inputElements: ITdDynamicElementConfig[] = [
  {
    name: 'Risposta',
    label: 'Risposta alla domanda',
    type: TdDynamicElement.Input,
    required: true,
    default: this.selectedIntent.IntentDataRecord.Answer,
    flex: 100
  },
  {
    name: 'Descrizione',
    type: TdDynamicElement.Input,
    required: true,
    default: this.selectedIntent.IntentDataRecord.Description,
    flex: 100
  },
  {
    name: 'Esempi',
    type: TdDynamicElement.Input,
    required: true,
    default: this.selectedIntent.IntentDataRecord.Examples,
    flex: 50
  },
  {
    name: 'Suggerimenti',
    type: TdDynamicElement.Input,
    required: true,
    default: this.selectedIntent.IntentDataRecord.Hint,
    flex: 50
  }
];

在這里，我將其用於HTML模板：

<td-dynamic-forms [elements]="this.inputElements">
      <ng-template let-element ngFor [ngForOf]="this.inputElements">
        <ng-template let-control="formControl" [tdDynamicFormsError]="element.name">
          <span *ngIf="control.touched || !control.pristine">
            <span *ngIf="control.hasError('minlength')">Min length value: {{element.minLength}}</span>
            <span *ngIf="control.hasError('maxlength')">Max length value: {{element.minLength}}</span>
          </span>
        </ng-template>
      </ng-template>
    </td-dynamic-forms>

有沒有一種方法可以檢索從用戶插入的數據，以便可以在我的組件中使用它（例如，單擊按鈕后）？

Answer 1

您可以參考document中顯示的屬性。 提到價值屬性

值：任何

動態[FormGroup]的[value]的Getter屬性。

要從動態表單組件訪問值，請在組件類中使用ViewChild ，如下所示

@ViewChild(TdDynamicFormsComponent) formValues: TdDynamicFormsComponent;

現在，您可以使用formValues.value （將是JSON）訪問所有字段值。