javascript - 在 AngularJS 中 setTimeout 之前显示标签

Question

我有一个 page.html 和controller.js 文件。

我希望在文本框中输入内容后显示标签，然后 2 秒后弹出警报窗口，然后标签再次隐藏。

到目前为止我有这个:

page.html

<div ng-app>
  <h2>Calculate</h2>
  <div ng-controller="controller">
    <form>
      <input type="text" ng-model="name" ng-change="myFunc()" 
        ng-model-options="{debounce: 200}">

      <label ng-show="showMe">Checking</label>
    </form>
  </div>
</div>

controller.js

angular.module('Ctrl', []).controller('controller', function($scope) {

    var alertToCheck = function() {
        alert("Some Message");
        return true;    
    }

    var checked = false;
    $scope.showMe = false;
    $scope.myFunc = function() {

        if(checked == true){
            $scope.cancel(alertToCheck());
            checked = false;
        }
            $scope.showMe = !$scope.showMe;
            setTimeout(alertToCheck(), 2000);
    };
});

问题是，当我在文本框中键入内容时，一旦完成键入，我就会收到警报，然后弹出检查标签。我不确定我需要做什么才能获得

用户完成输入 -> 显示标签 -> 暂停 2 秒 -> 显示警报框

Answer 1

您的行 setTimeout(alertToCheck(), 2000); 应为 setTimeout(alertToCheck, 2000);

将 () 放在函数名称后面会导致立即调用它