无法清除输入视图值

Question

我在输入字段中使用pattern="[0-9]{0,7}" 属性，如果输入的值与模式不匹配，我无法使用 angularJs 清除值。我了解角度视图/模型，并尝试了几种方法，例如

$scope.model = {};

或

$scope.model = null; // $scope.model = {}; $scope.myForm.$setPristine();

这是我的plnkr

有什么想法吗？

Answer 1

试试：

 $scope.clear = function() {
     $scope.model.value1 = '';
 };

Answer 2

您无法清除，因为您的模式使角度验证它。如果它与模式不匹配，您的模型将不会更新，这就是为什么清除它什么都不做，因为它已经未定义。

使用 ng-pattern，$setPristine() 将重置值，但不会触发默认浏览器验证（红色边框，输入周围的错误消息），因此您必须自己触发它。