AngularJS:再次将模型设置为 = {} 不会清除输入类型 ='url'

Question

我有一个 fiddler 设置，当我单击重置按钮时，它应该清除输入控件，这似乎有效，但在输入 type='url' 时无效。

Here is the fiddler

是否有问题或我不明白的事情。

当我设置

$scope.myform = {};

这似乎清除了其他输入类型，但输入 type='url' 没有被清除。

有谁知道为什么？

Answer 1

当 input[type="url"] 中没有有效值时，就会发生您看到的问题。无效值仅保留在 View (输入字段)中，不会被推送到 ng-model 中的作用域变量。仅当值正确时才会更新变量。

您可以通过输入有效值对其进行测试。重置按钮将起作用。如果您输入无效值，则不会。

您可以通过设置 $scope.myform = null 来修复它而不是 $scope.myform = {} .这将清空该字段，因为范围变量(表达式)将是未定义的。一旦您在任何字段中输入有效值，它就会由 Angular 自动创建。