在点击与AngularJS清晰的文本输入 [英] Clear text input on click with AngularJS

问题描述

我如何清除使用angularJS点击一个按钮一个文本输入？

X为一个单独的链接，关于这一点我想触发功能。

HTML

 ＆LT;输入类型=文本级=表格控数据-NG-模式=searchAll＆GT;
＆所述;类别=清除数据纳克点击=clearSearch（）＆X的催化剂＆下; / A＆GT;
 

解决方案

只需清除单击事件的范围模型值，它应该为你做的伎俩。

 ＆LT;输入类型=文本NG模型=searchAll/＆GT;
＆LT;一类=清除NG点击=searchAll = NULL＆GT;
    ＆LT;跨度类=glyphicon glyphicon  - 删除＆GT;＆LT; / SPAN＆GT;
＆所述; / A＆GT;
 

或者，如果你保持你的控制器的 $范围函数，并从那里清除。确保你已经正确设置控制器。

  $ scope.clearSearch =功能（）{
    $ scope.searchAll = NULL;
}
 

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>

解决方案

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

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