Кнопка нажата на угловую форму submit

Question

У меня есть форма с текстовым полем ввода и кнопкой. Я бы хотел, чтобы пользователь нажал кнопку ввода в текстовом поле - не отправлять форму, а вызвать другое действие. Кнопка имеет свой отдельный обработчик кликов, который по какой-то причине увольняется, когда я нажимаю кнопку ввода в текстовом поле.

пример: 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