Can't clear input view value

Question

I use pattern="[0-9]{0,7}" attribute in input field, and if inputed value isn't match pattern I can't clear value with angularJs. I know about view/model in angular, and tried several ways like

$scope.model = {};

or

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

here is my plnkr

Any ideas?

This is puzzling. Although it'd be nice if you put the relevant code in the question (keep the plnkr link). — evolutionxbox, May 15 '17 at 16:06
Checkout [this answer](http://stackoverflow.com/a/28338146/2435473), it will clear out your concept :) — Pankaj Parkar, May 15 '17 at 16:07

score 0 · Answer 1 · answered May 15 '17 at 16:09

0

Try :

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

answered May 15 '17 at 16:09

Fr4ncx

356
6
22

ukn · Answer 2 · 2017-05-15T17:12:15.713

0

You can't clear because your pattern make angular validate it. If it does not match the pattern, your model wont be updated which is why clearing it do nothing since its already undefined.

With ng-pattern, $setPristine() will reset the value but will not trigger default browser validation (red border, error message around input) so you have to trigger it yourself.

edited May 15 '17 at 17:12

answered May 15 '17 at 16:14

ukn

1,723
1
14
24

Yes, I've already understood that, but i need way to clear view of the form on some "special" button click. – Андрей Иванов May 15 '17 at 16:31
I just added a partial solution – ukn May 15 '17 at 17:13

Can't clear input view value

2 Answers2