AngularJS ng-disabled无法使用Chrome的自动填充表单

Question

我是AngularJS的新手，我正在尝试创建一个简单的表单。如果表单无效（我没有填写所有字段），我将禁用“提交”按钮。当启用自动填充功能时，除Chrome之外，它工作正常。字段已预先填写，但仍然禁用提交按钮，直到我点击页面上的某个位置（任何位置，即输入字段，空白区域等）。

我不确定如何提供复制Chrome场景的工作示例，但这里是ng-disabled的JSFiddle（以及下面的代码）。

JSFiddle

<div ng-app="">
  <form name="myForm">
    <label for="username">Username</label>
    <input type="text" id="username" name="username" ng-model="formData.username" required />
    <span ng-show="myForm.username.$error.required && myForm.username.$dirty">Required</span>


    <label for="password">Password</label>
    <input type="password" id="password" name="password" ng-model="formData.password" required />
    <span ng-show="myForm.password.$error.required && myForm.password.$dirty">Required</span>
    <br />

    <button type="submit" class="btn" ng-disabled="myForm.$invalid">Submit</button>
  </form>
</div>

以下是真实内容的截图：