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
– evolutionxbox, Commented May 15, 2017 at 16:06

Fr4ncx · Accepted Answer · 2017-05-15 16:09:00Z

0

Try :

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

answered May 15, 2017 at 16:09

Fr4ncx

3566 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ukn · Accepted Answer · 2017-05-15 17:12:15Z

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, 2017 at 17:12

answered May 15, 2017 at 16:14

ukn

1,8231 gold badge15 silver badges24 bronze badges

2 Comments

Андрей Иванов Over a year ago

Yes, I've already understood that, but i need way to clear view of the form on some "special" button click.

ukn Over a year ago

I just added a partial solution

Collectives™ on Stack Overflow

Can't clear input view value

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related