在这个特殊的情况下，我有什么选项，使这些输入调用函数时，我按下Enter?
Html:
<form>
<input type="text" ng-model="name" <!-- Press ENTER and call myFunc --> />
<br />
<input type="text" ng-model="email" <!-- Press ENTER and call myFunc --> />
</form>
// Controller //
.controller('mycontroller', ['$scope',function($scope) {
$scope.name = '';
$scope.email = '';
// Function to be called when pressing ENTER
$scope.myFunc = function() {
alert('Submitted');
};
}])
当前回答
如果你想调用函数没有形式，你可以使用我的ngEnter指令:
Javascript:
angular.module('yourModuleName').directive('ngEnter', function() {
return function(scope, element, attrs) {
element.bind("keydown keypress", function(event) {
if(event.which === 13) {
scope.$apply(function(){
scope.$eval(attrs.ngEnter, {'event': event});
});
event.preventDefault();
}
});
};
});
HTML:
<div ng-app="" ng-controller="MainCtrl">
<input type="text" ng-enter="doSomething()">
</div>
我在我的twitter和gist账户上提交了其他很棒的指令。
其他回答
只是想指出，在有一个隐藏提交按钮的情况下，你可以使用ngShow指令并将其设置为false，如下所示:
HTML
<form ng-submit="myFunc()">
<input type="text" name="username">
<input type="submit" value="submit" ng-show="false">
</form>
使用ng-submit并将两个输入包装在单独的表单标签中:
<div ng-controller="mycontroller">
<form ng-submit="myFunc()">
<input type="text" ng-model="name" <!-- Press ENTER and call myFunc --> />
</form>
<br />
<form ng-submit="myFunc()">
<input type="text" ng-model="email" <!-- Press ENTER and call myFunc --> />
</form>
</div>
将每个输入字段包装在自己的表单标记中，允许ENTER在任何表单上调用submit。如果同时使用一个表单标签，则必须包含一个提交按钮。
另一个方法是使用ng-keypress，
<input type="text" ng-model="data" ng-keypress="($event.charCode==13)? myfunc() : return">
用AngularJS - jsfiddle按Enter键提交输入
如果你想调用函数没有形式，你可以使用我的ngEnter指令:
Javascript:
angular.module('yourModuleName').directive('ngEnter', function() {
return function(scope, element, attrs) {
element.bind("keydown keypress", function(event) {
if(event.which === 13) {
scope.$apply(function(){
scope.$eval(attrs.ngEnter, {'event': event});
});
event.preventDefault();
}
});
};
});
HTML:
<div ng-app="" ng-controller="MainCtrl">
<input type="text" ng-enter="doSomething()">
</div>
我在我的twitter和gist账户上提交了其他很棒的指令。
如果只有一个输入，则可以使用form标记。
<form ng-submit="myFunc()" ...>
如果你有多个输入，或者不想使用form标签，或者想将输入键功能附加到一个特定的字段，你可以将它内联到一个特定的输入，如下所示:
<input ng-keyup="$event.keyCode == 13 && myFunc()" ...>
