如何在 AngularJS 中清除输入时调用函数

How to call a function when input is cleared in AngularJS?

本文关键字：输入 调用 函数 清除 AngularJS      更新时间：2023-09-26

我知道 Angular 有简单的语法来显示消息或更新 css，但我试图做的实际上是调用一个函数。

<input ng-model="somefield">
<span ng-show="!somefield.length">Please enter something!</span>
<span ng-show="somefield.length">Good boy!</span>

这是我的模型vm.tagSearching = ''当我开始输入并看到值更新时，我可以检测到它。但是，一旦我到达最后一封信，我删除了我没有得到更新。

我尝试使用$scope.watch 

$scope.$watch('vm.tagSearching', function() {
   alert('hey, var has changed!');
});

但是，这仅在应用程序初始化时触发一次，但永远不会再次触发，即使在键入时也是如此。

标记

<input class="tag-search-input"
       type="text"
       placeholder="Search Tags"
       ng-model="tgs.tagSearching"
       typeahead="t for t in tgs.fuzzyTagSearch($viewValue)">

控制器

function fuzzyTagSearch(word) {
    console.log('fuzzyTagSearch',word);
    if (word.length > 2) {
        ApiFactory.getSearchResults(word).then(function(data) {
            console.log('data',data.data.ticker_tags);
            vm.terms = data.data.ticker_tags;
        });
    }
}

您将如何实现这一目标？当用户退格/删除所有字母时，我需要检测输入何时清除，以便我可以重置表格。

您可以简单地设置一个ng-change指令。

<input ng-model="tgs.tagSearching" ng-change="tgs.detectEmpty()">

vm.detectEmpty = function() {
    if (vm.tagSearching.trim().length === 0) {
        // it's empty
    }
}
相关文章：