Menu
How can I clear a text input on click of a button using angularJS?
The X is a seperate link, on which I would like to trigger a function.
HTML
<input type="text" class="form-control" data-ng-model="searchAll"> <a class="clear" data-ng-click="clearSearch()">X</a> 
579
If you are using [(ngModel)] directive to control your form input fields, then you can clear it by setting an empty string ( ' ' ) to the ngModel control property.
1) To Remove the values in Form Fields and to reset you can use $setPristine(); $scope. formName. $setPristine();
resetForm = function(){ /* reset the data to a new object so that all the properties * of form are reset */ $scope. data = {}; }; });
Just clear the scope model value on click event and it should do the trick for you.
<input type="text" ng-model="searchAll" /> <a class="clear" ng-click="searchAll = null"> <span class="glyphicon glyphicon-remove"></span> </a> Or if you keep your controller's $scope function and clear it from there. Make sure you've set your controller correctly.
$scope.clearSearch = function() { $scope.searchAll = null; } 
$scope.clearSearch = function () { $scope.searchAll = ""; }; http://jsfiddle.net/nzPJD/
JsFiddle of how you could do it without using inline JS.
41
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
