AngularJs：如何通过在文本框中输入文本后按Tab键来调用angularjs函数？

Question

我想知道如何通过按tab键调用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，按下后的firstName调用函数，然后单击标签按钮。因为我是angularJs的新手，我知道ng-click，ng-change，但是我对此不知道。

请有人帮助我。

在此先感谢

Answer 1

你可以使用ngBlur。

但是，如果您单击输入外部以及Tab键，它将运行该功能。

Answer 2

你说点击一个按钮，但我以为你要处理的标签的keydown/KEYUP事件，因为没有标签按钮点击。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    var _this = this; 
 
    _this.firstName = ''; 
 
    _this.handleKeyDown = function($event) { 
 
     if ($event.which == 9) 
 
      alert('tab was pressed! Current value is: ' + _this.firstName); 
 
    } 
 

 
});

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

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

 
First Name: <input type="text" ng-model="vm.firstName" ng-keydown="vm.handleKeyDown($event)"><br> 
 

 
</div>