Javascript 如何通过在angular中添加按钮来获取多个表单？

嗨，我正在使用Angular，现在我遇到了一个新问题

在这里，我在模式对话框中使用ngnativevalidate表单。现在，如果我点击add按钮，我想重复这个表单（我是指新表单）

到目前为止，我试过这个，但没有成功

myinfo.component.html：

 <div class="modal-body" *ngFor="let data of arrdata">
                <form (submit)="close();" ngNativeValidate>
                  
                    <div class="form-group row">
                        <label for="first holder" class="col-sm-3 col-form-label">First Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="firstname" [(ngModel)]="myobj.firstname" required>
                        </div>
                    </div>
                    
                    
                    
                        <div class="form-group row">
                        <label for="first holder" class="col-sm-3 col-form-label">Last Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="lastname" [(ngModel)]="myobj.lastname" required>
                        </div>
                    </div>
                    
                        <div class="form-group row">
                        <label for="first holder" class="col-sm-3 col-form-label">Fathers Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="fathersname" [(ngModel)]="myobj.fathersname" required>
                        </div>
                    </div>
                    
                        <div class="form-group row">
                        <label for="first holder" class="col-sm-3 col-form-label">Mother Name</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="mothername" [(ngModel)]="myobj.mothername" required>
                        </div>
                    </div>
                    
                        <div class="form-group row">
                        <label for="first holder" class="col-sm-3 col-form-label">Age</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" name="myage" [(ngModel)]="myobj.myage" required>
                        </div>
                    </div>
                    
                    

                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" (click)="modal.dismiss('Close click')">Cancel</button>
                        <button type="button" class="btn btn-dark" (click)="addonemore()">Add one more local commute</button>
                        <button type="submit" class="btn btn-dark" (click)="saveDetails()">Save</button>
                    </div>
                </form>
            </div>

名字
姓
父亲的名字
母亲姓名
年龄
取消
再增加一次当地通勤
拯救