AngularJS ng已禁用，无法使用Chrome'；自动填写表格

我是AngularJS的新手，我正在尝试创建一个简单的表单。如果表单无效（未填写所有字段），我将禁用提交按钮。当启用自动填充时，它工作正常，但在Chrome上除外。字段是预先填充的，但提交按钮仍处于禁用状态，直到我在页面上单击某个位置（即输入字段、空白等）

我不确定如何提供一个复制Chrome场景的工作示例，但这里有一个禁用ng的JSFIDLE（和下面的代码）

用户名
要求的
密码
要求的


提交

下面是一个真实事物的屏幕截图：

您可以查看以下内容：或：

<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>