在角度表單上按下按鈕提交

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