Javascript Angular不使用Chrome密码管理器更新绑定

我有一个角度为10的模板驱动形式，简化版本如下：

<form #loginForm="ngForm" (ngSubmit)="onSubmit()">

  <div class="form-group">
    <input #name="ngModel" name="name" type="text" class="form-control" placeholder="Name" maxlength="20" required [ngModel]="userCredentials.name"
           (ngModelChange)="updateName($event)" autocomplete="username">
  </div>

  <div class="form-group">
    <input #password="ngModel" name="password" type="password" class="form-control" placeholder="Password" maxlength="20" required
           [ngModel]="userCredentials.password" (ngModelChange)="updatePassword($event)" autocomplete="current-password">
  </div>

  <button type="submit" class="btn btn-dark" [disabled]="loginForm.form.invalid">Login</button>

</form>

登录

“提交”按钮禁用的绑定在任何情况下都可以正常工作，只有一种情况除外

当Google Chrome Password Manage自动完成名称和密码输入时，表单应从无效状态变为有效状态，提交按钮应启用。但是，ngModelChange不会启动，按钮仍处于禁用状态。唯一能让它着火的方法就是点击屏幕。当我执行此操作时，ngModelChange将启动，所有绑定都开始工作

当Chrome Password Manager在表单字段中输入值而无需单击屏幕时，如何使绑定更新

---

TIA

最后，我在表单中添加了一个复选框，在表单提交之前必须勾选该复选框。当他们勾选该框时，绑定被更新。这不是一个很好的解决方案，而是一个解决办法