javascript - 输入字段上的两个函数调用，一个是 onBlur，一个不在 Angular 中

Question

我有一个预输入字段，其中有两个要触发的函数。一个应该是on-blur，这是场的验证。另一个应该是用户输入，这是 uib-typeahead 使用的函数。

现在我正在使用 ng-model-options="{ updateOn: 'blur' }" 但它不会在用户键入时触发预输入。

有没有办法让验证函数正常触发onBlur和typeahead触发？

例如，我调用了一个指令数字验证，我想在模糊时调用它。然后在预输入中，我想在用户输入时调用触发函数。

                          <input
                           number-validation
                           type="text"
                           maxlength="10"
                           class="form-control input-sm"
                           ng-model="number"
                           ng-change="number.elsewhere = null"
                           required
                    uib-typeahead="number for number in triggerfunction($viewValue)"
                    typeahead-template-url="/template.html"
                    typeahead-loading="Loadinglocations" typeahead-on-select="SelectFunction($item, 1)" typeahead-wait-ms="3"
                    typeahead-min-length="3">

Answer 1

对于“模糊”，您可以使用“ng-blur”。对于预先输入功能，请使用“ng-keyup”。

这是一个 fiddle 示例...

https://jsfiddle.net/eh2morxb/

而且，这是代码...

<input type="text" ng-model="inputText" ng-blur="blurHandler()" ng-keyup="typeAhead()" placeholder="Type something...">

angular.module("myApp", []).controller("myController", ["$scope", function($scope) {
  $scope.inputText = "";
  $scope.typeAheadMessage = "";
  $scope.blurMessage = "";

  $scope.blurHandler = function() {
    $scope.blurMessage = "Perform input validation on " + $scope.inputText;
  };

  $scope.typeAhead = function() {
    $scope.typeAheadMessage = "Perform type-ahead lookup on " + $scope.inputText;
  };
}])