当输入字段为空时,如何在angular中调用方法

How to call a method in angular when an inputfield is empty?

本文关键字:angular 方法 调用 字段 输入      更新时间:2023-09-26

当这个输入字段发生变化时,我现在正在调用控制器方法:

<input type="text" ng-model="query" ng-model-options='{ debounce: 500 }' ng-change="searchOnTags(query)"/>

当输入字段再次为空时,如何调用其他方法?

您可以在searchOnTags函数中使用if语句,如下所示:

$scope.searchOnTags = function(query) {
  console.log(query);
  if (!query) {
    console.log('input is empty');
  }
};

searchOnTags函数内部,检查表单是否为$pristine,这意味着input字段返回到其初始state

当您编辑字段时,它会变脏(ng-dirty),当您清除输入时,您可以将表单设置为原始状态(ng-pristine)。