如何在输入框为空时调用 angular 中的方法？

Question

我现在在此输入字段发生变化时调用控制器方法：

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

当输入字段再次为空时，如何调用不同的方法？

Answer 1

在您的 searchOnTags 函数中检查表单是否为 $pristine，这意味着 input 字段返回到其初始 state。

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

Answer 2

您可以像这样在 searchOnTags 函数中使用 if 语句：

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

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