Clear text input on click with AngularJS

angularjs, forms, javascript

Solution

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;
}

Problem

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> ```

Original source