为AngularJS$Watch函数设置超时

你可以用角度 timeout 为了达到你想要的结果。

var timer;
  var timerFunction = function() {
    timer = $timeout(function() {
      $scope.nothingEnteredFlag = true;
    }, 5000);
  };

这将创建计时器功能

你的控制器应该这样

var app = angular.module("helloApp", []);
app.controller("helloCtrl", function($scope, $timeout) {
  $scope.nothingEnteredFlag = false;
  $scope.myName = "";
  $scope.$watch("myName", function(newValue, oldValue) {
    if ($scope.myName.length < 5) {
      $scope.message = "Short name!";
    } else {
      $scope.message = "Long name!";
    }
    $scope.nothingEnteredFlag = false;
    $timeout.cancel(timer);
    timerFunction();
  });
  var timer;
  var timerFunction = function() {
    timer = $timeout(function() {
      $scope.nothingEnteredFlag = true;
    }, 5000);
  };
  timerFunction();
});

如您所见,一旦用户输入任何文本,我们将启用5秒的超时。我们将取消计时器并再次启用它。这样,如果用户在5秒钟内没有写入任何内容,我们可以提示他输入。

Demo