Html 在表单在angular 4中有效（所有验证）后关闭弹出模式

我们使用html格式的数据，工作正常。但每次单击“提交”按钮时，模式都会关闭。天气窗体是否有效

Html代码

<form #AddAirlineuser="ngForm">
    <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">CREATE PROFILE</h4>
    </div>
    <div class="modal-body">
        <label>Name</label>
        <p><input type="text" name="name" class="form-control" aria-label="..." ngModel></p>
        <label>Email</label>
        <p><input type="text" name="email" class="form-control" aria-label="..." ngModel></p>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Delete</button>
        <button type="submit" class="btn btn-primary" (click) = "Btn_AddNewAirline(AddAirlineuser.valid,AddAirlineuser.value)">Submit</button>
    </div>
</form>

Btn_AddNewAirline(formstatus: any,data:any){
    let AirlineData: any = {
        name: data.name,
        email: data.email
    };
    if(formstatus){
        // TODO code form status is valid 
    }
}

---

您是否可以尝试更改

type=“button”

的

Submit

。如果你能创建stackblitz也更好。谢谢你的回复。我试图将输入类型更改为“提交”到“按钮”。我得到了同样的错误，弹出模式关闭之前，形式有效请创建stackblitz和共享url在这里。