在Angularjs/Bootstrap中，为什么我的cancel按钮调用submit事件_Angularjs_Twitter Bootstrap

在Angularjs/Bootstrap中，为什么我的cancel按钮调用submit事件

angularjs twitter-bootstrap

在Angularjs/Bootstrap中，为什么我的cancel按钮调用submit事件,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我有一个角度/引导表单，按钮类型为submit，还有一个用于取消的普通按钮，并隐藏表单。当我单击cancel时，它调用cancel事件处理程序，然后调用submit处理程序？？下面是代码，好像它在Plunker中一样：示例-示例-示例33-生产 angular.module（'submitExample'，[]） .controller（'ExampleController'，['$scope'，function$scope）{ $scope.list=[]； $scope.text='he

我有一个角度/引导表单，按钮类型为submit，还有一个用于取消的普通按钮，并隐藏表单。当我单击cancel时，它调用cancel事件处理程序，然后调用submit处理程序？？下面是代码，好像它在Plunker中一样：


示例-示例-示例33-生产
angular.module（'submitExample'，[]）
.controller（'ExampleController'，['$scope'，function$scope）{
$scope.list=[]；
$scope.text='hello'；
$scope.cancel=函数（）{
警报（“取消”）；
}
$scope.submitNewAccountForm=函数（isValid）{
警报（“提交中”）；
}
}]);
账户
帐户名
必需
帐户类型
客户
供应商
拯救
取消

在

按钮

元素上，

提交

是默认的

类型

属性。将其更改为

type=“button”

，它将不再调用

submit

事件

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example33-production</title>


  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.14/angular.min.js"></script>



</head>
<body ng-app="submitExample">
   <script>
   angular.module('submitExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.list = [];
    $scope.text = 'hello';
    $scope.cancel = function(){
   alert('cancelling');
    }
  $scope.submitNewAccountForm = function(isValid){
  alert('in submit');
 }
  }]);
 </script>
<form ng-controller="ExampleController" name="newAccountForm" ng-submit="submitNewAccountForm(newAccountForm.$valid)" class="form-horizontal" novalidate>
  <fieldset>
    <!-- Form Name -->
    <legend>Account</legend>
    <!-- Text input-->
    <div class="control-group">
      <label class="control-label" for="name">Account name</label>
      <div class="controls">
        <input ng-model="name" id="name" name="name" type="text" placeholder="account" class="input-medium" required="">
        <p class="help-block">Required.</p>
      </div>
    </div>
    <!-- Select Basic -->
    <div class="control-group">
      <label class="control-label" for="type">Account type</label>
      <div class="controls">
        <select ng-model="type" id="type" name="type" class="input-medium">
          <option>client</option>
          <option>provider</option>
        </select>
      </div>
    </div>
    <!-- Button (Double) -->
    <div class="control-group">
      <label class="control-label" for="cancelaccountadd"></label>
      <div class="controls">
        <button type="submit" id="doaccountadd" name="doaccountadd" class="btn btn-success">Save</button>
        <button ng-click="cancel()" id="cancelaccountadd" name="cancelaccountadd" class="btn btn-danger">Cancel</button>
      </div>
    </div>

  </fieldset>
</form> 
</body>
</html>