Как динамически увеличивать формы в Angular - PullRequest
0 голосов
/ 04 мая 2020

[Что я хочу сделать] Я пытаюсь создать форму, которая динамически увеличивает количество полей ввода в форме (при нажатии кнопки на изображении увеличивается количество полей ввода).

[Присутствует] Я понял, что есть способ добавить элемент в FormGroup / FormArray для просмотра различных сайтов, но это реактивная форма, которую я хотел бы разработать на диске с шаблонами.

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

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

<mat-dialog-content>
        <mat-form-field fxFill appearance="outline">
            <mat-label>language</mat-label>
            <mat-select #language matInput required ngModel name="language">
                <mat-option [value]="['English', subjectTypes.ENGLISH]">English</mat-option>
                <mat-option [value]="['Chinese', subjectTypes.CHINESE]">Chinese</mat-option>
                <mat-option [value]="['Korean', subjectTypes.KOREAN]">Korean</mat-option>
                <mat-option [value]="['Spanish', subjectTypes.SPANISH]">Spanish</mat-option>
                <mat-option [value]="['Italian', subjectTypes.ITALIAN]">Italian</mat-option>
                <mat-option [value]="['French', subjectTypes.FRENCHsadZ]">French</mat-option>
            </mat-select>
        </mat-form-field>
        <mat-form-field fxFill appearance="outline">
            <mat-label>Level</mat-label>
            <mat-select #languageLevel matInput required ngModel name="languageLevel">
                <mat-option [value]="['common', subjectTypes.CONVERSATIONAL]">common</mat-option>
                <mat-option [value]="['business', subjectTypes.BUSINESS]">business</mat-option>
                <mat-option [value]="['Native', subjectTypes.NATIVE]">Native</mat-option>
            </mat-select>
        </mat-form-field>
    </mat-dialog-content>
    <mat-dialog-actions>
        <button mat-raised-button fxFill [color]="'accent'" (click)="addLanguage()">
            Add
        </button>

Как поместить его в component. html, component.ts? Большое спасибо за сотрудничество.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...