Html 如何在按钮上添加表单元素单击角度7

Html 如何在按钮上添加表单元素单击角度7,html,angular,angular7,Html,Angular,Angular7,我想重复下面的表单元素 <tr> <td class="tbl1"> <mat-form-field class="demo-full-width"> <input name="Label" matTooltip="Label" matInput placeholder="Label" ngModel>

我想重复下面的表单元素

<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>

输入类型
正文
数
电子邮件
添加另一个输入框

单击“添加另一个输入框”,我想重复上述表单元素。请提供帮助。

查看Angular的
FormArray
&&(这是一个很好的工作示例)