Как добавить элементы формы по нажатию кнопки в Angular 7

Question

Я хочу повторить приведенные ниже элементы формы

<tr>  
                   <td class="tbl1">  
                   <mat-form-field class="demo-full-width">  
                   <input name="Label" matTooltip="Label" matInput placeholder="Label" ngModel>
                   </mat-form-field> 
                   <mat-form-field>
                   <mat-label>Input Type</mat-label>
                   <select name="inputBoxType" matNativeControl ngModel required>
                   <option value="text">Text</option>
                   <option value="number">Number</option>
                   <option value="email">Email</option>
                   </select>
                   </mat-form-field>
                   <button type="button" mat-raised-button color="accent" class="btn btn-danger" matTooltip="Add Input Box" >Add Another Input Box</button>
                   </td>  
          </tr>

При нажатии «Добавить другое поле ввода» я хочу повторить приведенные выше элементы формы. Пожалуйста, помогите.

Answer 1

Посмотрите на Angular FormArray https://angular.io/api/forms/FormArray & Когда использовать FormGroup или FormArray? & https://stackblitz.com/edit/angular-form-array-example (для отличного рабочего примера)