angularjs - 在 Angular 表单提交时触发按钮按下

Question

我有一个带有输入文本字段和按钮的表单。我想捕获用户在文本字段中按下 Enter 键 - 不是提交表单，而是触发另一个操作。该按钮有自己单独的点击处理程序，当我在文本字段中按 Enter 键时，由于某种原因会触发该处理程序。

例子:
http://jsfiddle.net/T8zLq/1/

<form onsubmit="return false" ng-submit="mysubmit()" ng-controller="TestCtrl" ng-app="Test">
    <input type="text" />
    <button ng-click="test()">X</button>
</form>

var app=angular.module("Test", []);

app.controller("TestCtrl", ["$scope", function($scope) {
    $scope.test = function() {alert('lol');  };
    $scope.mysubmit = function() {alert('submit');};
}]);

为什么会发生这种情况？

Answer 1

将 type='button' 设置为您的按钮

<form ng-submit="mysubmit()" ng-controller="TestCtrl">
    <input type="text" />
    <button ng-click="test()" type='button'>X</button>
</form>

Demo

More