使用 AngularJS 单击时清除文本输入 [英] Clear text input on click with AngularJS

问题描述

如何使用 angularJS 在单击按钮时清除文本输入?

How can I clear a text input on click of a button using angularJS?

X 是一个单独的链接，我想在它上面触发一个函数.

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>

推荐答案

只需清除单击事件上的范围模型值，它就会为您解决问题.

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>

或者，如果您保留控制器的 $scope 函数并从那里清除它.确保您已正确设置控制器.

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

这篇关于使用 AngularJS 单击时清除文本输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！