Ковалентные динамические формы получают вставленные данные - PullRequest
Новая
       8

Ковалентные динамические формы получают вставленные данные

0 голосов
/ 27 апреля 2018

Я использую динамические формы в проекте Angular с использованием Teradata Colvalent , вот данные, которые я спрашиваю у пользователя: 

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>

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

1 Ответ

0 голосов
/ 28 апреля 2018

Вы можете ссылаться на свойства, показанные в документе . Упоминается о значении свойства

значение: любое

Свойство Getter для [value] динамического [FormGroup].

Чтобы получить доступ к значению из динамического компонента формы, используйте ViewChild , как показано ниже в классе вашего компонента 

@ViewChild(TdDynamicFormsComponent) formValues: TdDynamicFormsComponent;

Теперь вы можете получить доступ ко всем значениям полей, используя formValues.value , который будет JSON.

...