在输入字段上有两个函数调用，一个在onBlur上，一个不在Angular中

Question

我有一个要触发的两个函数的typeahead字段。 一个应该模糊，这是对字段的验证。 另一个应作为用户类型，这是uib-typeahead使用的功能。

现在，我正在使用ng-model-options="{ updateOn: 'blur' }"但是当用户键入内容时，它不会触发提前输入。

有没有一种方法可以使验证函数正常触发onBlur并提前输入触发器？

例如，我调用要在模糊处理时调用的指令编号验证。 然后在预输入中，我想在用户键入时调用triggerfunction。

                          <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

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

这是一个带有示例的小提琴...

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;
  };
}])

Answer 2

您可以使用ng-blur指令在模糊时触发事件https://docs.angularjs.org/api/ng/directive/ngBlur