Angular ng-submit 被调用两次

2024-01-09

我有一个有角度的表单,其提交方法被击中两次,我不明白为什么。我对 Angular 还很陌生,所以我可能忽略了一些相当简单的东西......

Html:

<div ng-app="RegistrationApp" ng-controller="RegistrationController">
    <form name="accountForm" ng-submit="submitAccount($event, accountForm, account)"  novalidate>

        // inputs here...

        <button type="submit" class="btn btn-success pull-right" ng-disabled="accountForm.$invalid">Submit</button>
    </form>
</div>

Js:

var RegistrationApp = angular.module('RegistrationApp', []);

RegistrationApp.controller('RegistrationController', function ($scope) {

    $scope.submitAccount = function (evt, form, account) {
        console.log('submitAccount() hit'); 
        console.log(evt);
        console.log(form);

        evt.stopPropagation();

        // AJAX code
    });
});

控制台窗口:

submitAccount() hit 
o.Event {originalEvent: Event, type: "submit", isDefaultPrevented: function, timeStamp: 1394139847226, jQuery210012237170152366161: true…}
c {$error: Object, $name: "accountForm", $dirty: true, $pristine: false, $valid: true…}

submitAccount() hit 
o.Event {originalEvent: Event, type: "submit", isDefaultPrevented: function, timeStamp: 1394139847226, jQuery210012237170152366161: true…}
Constructor {$error: Object, $name: "accountForm", $dirty: true, $pristine: false, $valid: true…}

所以,我尝试的第一件事就是停止传播该事件,但这并没有任何实际效果。在查看事件对象之后,它们看起来是相同的。唯一不同的是“形式”对象。属性是相同的,只是一个显示“c”,另一个显示“Constructor”。

有什么想法可能导致此触发两次吗?在这两种情况下,事件目标都设置为表单元素,并且我没有使用任何onclick函数或表单中的任何其他类型的事件。


发生这种情况的另一个原因(刚刚发生在我身上):

我有以下情况:

<form ng-submit="myCtrl.search()">
   <button type="submit">Search</button>
   <button type="submit" class="mobile-only" ng-click="myCtrl.search()">Go</button>
</form>

我在表单中有另一个按钮,它绑定到与ng-submit on its ng-click这导致该方法被调用两次。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular ng-submit 被调用两次 的相关文章

  • Promise.all 返回一个未定义的数组并在完成之前解析

    我在返回数组的函数时遇到问题undefined 这是代码 classMethods getQueries function models dbId dateStart dateEnd return new Promise function
  • JW Player - 视频可以在 Chrome 中播放,不能在 Firefox 或 IE 中播放

    See 工作链接 http www 888behindthescenes com test 在主页上我有两个视频 intro video 和 video container 在 chrome 下我没有问题 但在 firefox 和 IE 中
  • 设置 JavaScript 对象的 length 属性

    假设我有一个 JavaScript 对象 function a var A this length function return A length this add function x A push x this remove func
  • .getDay() 奇怪的行为[重复]

    这个问题在这里已经有答案了 有一个例子 console log new Date 2013 02 24 getDay 24 gt 0 24 console log new Date 2013 02 25 getDay 25 gt 1 25
  • 无法使用 Node.JS 将 null 值发送到 MySQL 数据库

    我正在尝试发送null使用 Node JS 到我的 MySQL 数据库 con query INSERT INTO Routes routeTrigger VALUES null title test function err result
  • 使用西里尔字母的正则表达式

    我有一个用于文本区域字段中字数统计的 jQuery 函数 此外 它排除所有用 三重括号 封闭的单词 它对于拉丁字符效果很好 但对于西里尔字母句子有问题 我认为错误部分与正则表达式有关 field val replace g match b
  • 自定义过滤器在 Angular Hybrid 应用程序中不起作用

    我正在尝试将 AngularJS 1 6 应用程序与 Angular 5 一起转换为混合应用程序 我定义了以下简单过滤器 function use strict var filterId colorPicker angular module
  • 如何从回调函数中获取值

    我对 javascript 比较陌生 并且面临一些困难 我有两个 java 脚本文件 如下所示 我无法获取变量的值条目标题在 getRss 函数内并将其存储在变量内Rss1 标题 and Rss2 标题 创建一个全局变量并将其分配给条目标题
  • 与玻璃钢战斗

    我读过有关 FRP 的内容 非常兴奋 它看起来很棒 因此您可以编写更多高级代码 并且一切都更加可组合 等等 然后我尝试用数百个 sloc 从纯 js 到 Bacon 重写我自己的小游戏 我发现 我实际上不是编写高级纯逻辑代码 而是击败了 B
  • Node.JS Web 服务器中的安全性

    所以 我正在学习 Node JS 到目前为止我很喜欢它 我已经有几个项目在工作了 我想我可以在其中使用nodejs 不过 我担心安全问题 如果我使用 Node JS http 模块编写自定义 Web 服务器 我是否可能非常容易受到攻击 Ap
  • JavaScript 将 NULL 转换为 0

    我正在使用 jQuery 来获取元素的高度 但如果该元素不存在 以下代码将返回 NULL height menu li active ul height returns integer or null 这是一种跨浏览器安全的方法 可以使用以
  • 删除 CSS Transitionend 事件侦听器不起作用

    我在尝试删除 css Transitionend 事件侦听器时遇到问题 我可以添加监听器 e addEventListener transitionend function event transitionComplete event pr
  • $state.go 不适用于嵌套状态

    下面描述的我的问题与此处描述为错误的问题类似 https forum ionicframework com t blocker bug with state go navigation 11036 https forum ionicfram
  • 如何在 ES6 类中使用静态变量?

    我正在尝试在 es6 中使用静态变量 我想声明一个静态变量count in Animal类并增加它 但是 我无法通过声明静态变量static count 0 所以我尝试了另一种方法 class Animal constructor this
  • 如何检查 URL 末尾是否有特定字符串

    我需要根据 URL 末尾的内容让覆盖层向下滑动 如果 URL 末尾有 faq 覆盖层下降 如何在 jQuery JavaScript 中做到这一点 如果您的网址看起来像这样http yourdomain com faq 你可以这样做 var
  • 已安装 cypress npm 软件包,但缺少 Cypress 二进制文件

    大家好 我是 azure devops CI 的新手 我正在尝试通过在作业之间缓存 node modules 来减少管道构建时间 但我遇到了无法解决的错误 我正在使用 cypress 进行测试 这是我的天蓝色管道 Node js Build
  • ajax - 检查用户名是否存在+如果存在则返回消息

    我试图检查用户想要的用户名是否已被使用 而无需发送表单 基本上是用户名字段的模糊 我遇到了一些麻烦 有几个问题 我有我的输入字段加上js
  • 是否可以阻止在每个 HTTP 请求中发送 cookie?

    我最近发现 这里 每个网络请求都会发送浏览器cookie吗 https stackoverflow com questions 1336126 does every web request send the browser cookies
  • 取消子项上的 ng-swipe-right

    在我的角度应用程序中 主体有一个ng swipe向右和向左切换侧边栏 问题是当我的页面中有一个可滚动的水平 DIV 时 它不会因为身体的滑动而滚动 div class scrollable x long content that overf
  • JavaScript 反静默技术来指示失败

    当错误确实发生并且函数无法继续执行时 在 JavaScript 中报告错误而不是依赖 null 和 undefined 是一个好方法 我可以想到三种方法 没做什么 抛出异常 assert 这是一个简单的示例场景 一个将传入的金额记入用户帐户

随机推荐

  • 是否有任何免费的 .NET OCR 库可以直接在应用程序窗口上执行 OCR?

    我正在寻找一个免费的 NET OCR 库 它能够对给定的应用程序窗口甚至内存中的图像进行 OCR 我可以自己拍摄应用程序窗口的快照 我看过tessnet2 http pixel technology com freeware tessnet
  • 使用 Selenium for Python 编写和发送 Gmail

    我刚刚开始第一次在 Python 中使用 selenium 在学习了快速教程后 我现在尝试用它制作一个程序 该程序将登录 Gmail 然后将电子邮件发送到选定的电子邮件地址 我已经完成了登录部分 但在撰写新电子邮件部分时遇到了一些问题 仅在
  • 使用 Delphi 的 oData 服务

    如何使用 Delphi 中的 oData Web 服务 我正在尝试与新的 Bing 搜索 Azure API 进行交互 Delphi 中几乎没有关于这样做的信息 有一个帖子here https stackoverflow com quest
  • 将 ormlite-4.9 与 sqlcipher-2.08 集成

    我正在将 ormlite 4 9 与 sqlcipher 2 08 集成 我用谷歌搜索了一下 但没有成功 我也看到了格雷先生的回答 如何在 Android 中将 ORMLite 与 SQLCipher 一起使用 https stackove
  • Django - 从外键获取数据

    我正在开发一个 Django 项目 并尝试为我的数据创建一些链接模型 我认为这些模型正在工作 但我似乎无法弄清楚如何访问链接数据 class One models Model name models CharField max length
  • 是否可以让某人成为已推送到 GitHub 的过去提交的共同作者?

    标题完美地概括了它 我在 GitHub 主分支上有一些提交 我也想添加一个共同作者 我尝试使用git amend并以正确的语法将电子邮件和名称添加到提交中 但它不起作用 文本本身只是显示出来 我不确定这是否是因为我的语法错误或者它根本不起作
  • javax.el.E​​LException:在 com.example.Bean 类型上读取“foo”时出错

    我在读以下教程 https oxygen informatik tu cottbus de webeng JavaJpaJsfApp minimal tutorial html h dataTable value 中使用的表达式通常指定一个
  • 多线程套接字连接/队列

    SocketClientThread 参考 http eli thegreenplace net 2011 05 18 code sample socket client thread in python http eli thegreen
  • 如何使用 Symfony 和 Jquery 发出 POST Ajax 请求

    我需要在我的 symfony 项目中存储一些地图参数 为此我需要在我的视图中实现一些 Ajax 它将能够将一些信息传递给控制器 我阅读了文档 尝试编写一些代码 但我无法使其工作 而且 Ajax 调试起来确实很痛苦 这是控制器部分 Route
  • dataType 与接受 - Ajax 请求

    我试图理解 Ajax 请求中的 Accept 和 dataType 之间的区别 文件指出 文档 http api jquery com jquery ajax 接受 默认值 取决于数据类型 类型 普通对象 请求标头中发送的内容类型 告诉服务
  • VS 2012 SSDT 构建 CLR,IEnumerable 生成的语法失败

    我正在尝试重用找到的一些代码here http www pawlowski cz 2010 09 sql server 2005 and sql server 2008 regular expressions and pattern mat
  • 在 R 中绘制多元逻辑回归模型的结果

    我想绘制针对调整后的特定自变量 即独立于模型中包含的混杂因素 与结果 二元 关系的多元逻辑回归分析 GLM 的结果 我看过推荐使用以下方法的帖子predict命令后跟curve 这是一个例子 x lt data frame binary o
  • 如何使用实体框架 6 执行全文搜索

    我有疑问 var query DataContext Fotos Where x gt x Pesquisa Contais myTerm 生成的SQL是 SELECT FROM Fotos AS Extent1 WHERE Extent1
  • 在 WebClient 中接受 Cookie?

    我刚刚开始尝试 C WebClient 我所拥有的是下面的代码 它从网站获取 html 代码并将其写入 txt 文件中 我遇到的唯一问题是 某些网站要求您在使用该网站之前接受 cookie 这导致的原因是它没有将真正的网站 html 代码写
  • Sharpsign 等号阅读器宏的示例?

    我见过这个使用过一次 但无法理解它的作用 参考文献说它是 n object读取为以 object 作为其打印表示的任何对象 然而 该对象被标记为 n 这是必需的 无符号十进制整数 可通过语法 n 进行参考 标签的范围是最外层正在读取的表达式
  • 计算/异步数据获取

    我正在尝试创建简单的 Vue CouchDB 应用程序 使用 Vanilla JS 可以正常工作 但我无法通过 Promise 或异步函数从数据库获取数据到我的 vue 实例 这是我的代码 app html div table thead
  • Cassandra 中写入总是比读取快吗?

    我在听这次演讲 https www youtube com watch v zyZ35YyT 8Cassandra 中的数据建模 演讲者的总体说法是 Cassandra 中的写入速度比读取速度快 这种情况总是正确的吗 如果是这样为什么 尽管
  • Python 分布式计算(作品)

    我正在使用旧线程发布试图解决相同问题的新代码 什么构成了安全的泡菜 this http docs python org library crypto html sock py from socket import socket from s
  • _Bool 和 bool:如何解决使用 _Bool 的 C 库的问题?

    我用 C 语言编写了一系列数据结构和函数 其中一些使用 Bool 数据类型 当我开始时 该项目将是纯 C 的 现在我正在研究使用基于 C 的 GUI 工具包 并将后端代码放入库中 但是 在编译 C GUI 时 编译器会发出以下错误 ISO
  • Angular ng-submit 被调用两次

    我有一个有角度的表单 其提交方法被击中两次 我不明白为什么 我对 Angular 还很陌生 所以我可能忽略了一些相当简单的东西 Html div div