AngularJs:在文本框中输入文本后如何通过按选项卡按钮来调用AngularJS函数？

Question

我想知道如何通过按选项卡按钮调用 angularjs 函数？

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    
    
  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>

</div>

如何在按下名字并单击选项卡按钮后使用 angularJs 调用该函数。因为我是 angularJs 的新手，所以我知道 ng-click，ng-change，但我对此一无所知。

请有人帮助我。

提前致谢

Answer 1

您可以使用ngBlur .

但是，如果您单击输入外部以及按 Tab 键退出，它将运行该函数。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
      
    $scope.tabbedout = function(val) {
      console.log("tabbedout: " + val);
    }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName" ng-blur="tabbedout(firstName)"><br>
Last Name: <input type="text" ng-model="lastName" ng-blur="tabbedout(lastName)"><br>

</div>