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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在AngularJS中清除输入时调用函数？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1186字，纯文字阅读大概需要2分钟。

内容图文

我知道Angular有simple syntax to display messages或更新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
    }
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何在AngularJS中清除输入时调用函数？全部内容，希望文章能够帮你解决javascript – 如何在AngularJS中清除输入时调用函数？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端