IE11中的ngForm崩溃用于多个场景

Question

ngForm崩溃在IE11中适用于多个场景。

如果用户直接单击“submit”按钮而不碰任何文本框，然后浏览器刷新；如果用户单击窗体上的其他位置删除“用户名”文本框中的焦点，然后单击“submit”按钮，然后显示验证Msg，则在验证msg显示后，如果用户在“密码”文本框上输入任何值，并尝试删除其浏览器刷新，则显示

1. 。

其他情况是在其他浏览器上工作，但只会在IE上崩溃。

这是因为‘是无效的’类发生的。我尝试了多个代码更改，但对IE不起作用。

<form class="login" name="form" #f="ngForm" novalidate>
        <input type="text" placeholder="Username" autofocus #userName class="form-control" name="username" [(ngModel)]="user.username" #username="ngModel" 
        [ngClass]="{ 'is-invalid': (f.submitted && username.invalid ) ? true : false }"
         required autocomplete="off"
        />
        <i class="fa fa-user"></i>
        <div *ngIf="f.submitted && username.invalid" class="invalid-feedback">
            <div *ngIf="username.errors.required">Username is required</div>
        </div>
        <input type="password" placeholder="Password" class="form-control" name="password" [(ngModel)]="user.password" #password="ngModel" 
        [ngClass]="{ 'is-invalid': (f.submitted && password.invalid) ? true : false}"
         required />
        <i class="fa fa-key"></i>
        <div *ngIf="f.submitted && password.invalid" class="invalid-feedback">
            <div *ngIf="password.errors.required">Password is required</div>
        </div>
        <div *ngIf="loginFailed" class="invalid-feedback">
            <div *ngIf="loginFailed">{{loginFailedMsg}}</div>
        </div>
        <button type="submit" (click)="login()"> <span class="state">Log in</span></button>
    </form>```

Answer 1

将<button type="submit" (click)="login()">更改为<button type="button" (click)="login()">