[Что я хочу сделать] Я пытаюсь создать форму, которая динамически увеличивает количество полей ввода в форме (при нажатии кнопки на изображении увеличивается количество полей ввода).
[Присутствует] Я понял, что есть способ добавить элемент в 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? Большое спасибо за сотрудничество.