如何禁用AngularJS默认表单提交拦截 恢复原有表单正常提交功能

方案1：单表单快速禁用Angular接管（适用少量表单场景） #

给不需要Angular处理的表单添加ng-non-bindable属性，Angular会跳过对该表单所有指令的解析和事件绑定，直接恢复原生提交行为：

<form ng-non-bindable action="/your-submit-path" method="post">
  <!-- 原有表单内容无需修改 -->
</form>

方案2：全局覆盖Angular表单默认行为（适用批量表单场景） #

如果后台表单数量多，不想逐个添加属性，可以在你的Angular应用模块中自定义form指令，覆盖内置form的提交拦截逻辑：

angular.module('app', [])
// 自定义form指令，优先级低于内置指令，覆盖默认提交拦截
.directive('form', function() {
  return {
    restrict: 'E',
    priority: -1,
    link: function(scope, element) {
      // 移除Angular默认绑定的提交拦截事件
      element.off('submit');
    }
  };
});

方案3：保留Angular表单能力，同时支持原生提交 #

如果需要同时使用Angular的表单校验等能力，只需要在表单上添加ng-submit事件手动触发原生提交即可：

<form ng-submit="$event.target.submit()" action="/your-submit-path" method="post">
  <!-- 原有表单内容无需修改 -->
</form>

原理说明 #

Angular内置的form指令默认会拦截表单的原生submit事件，目的是引导开发者使用ng-submit处理异步提交逻辑。如果你的现有表单不需要Angular的表单相关能力，优先选择方案1或方案2即可快速恢复表单原有功能。

内容的提问来源于stack exchange，提问作者user2455079