当前位置: 首页 > 面试题库 >

为什么ng-app指令中的表单不提交(angularjs)?

司寇阳曦
2023-03-14
问题内容

我刚刚开始使用angularjs,并注意到ng-app指令中的表单不会提交。关于如何使表单提交的任何想法?

<!DOCTYPE html>
<html ng-app>
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
</head>
<body>
    <form>
        <input type="text" name="foo" />
        <input type="submit" value="Submit" />
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</body>
</html>

问题答案:

根据文档:

除非<form>元素具有action指定的属性,否则Angular会阻止默认操作(将表单提交到服务器)。



 类似资料:
  • 问题内容: 仅当我删除指令之一即ng-app-demo1和模型时,我才获得输出。为什么我不能同时工作两个ng-app。我是Angular JS的新手,并建立了自己的基础知识。如果一次运行一个指令,我将获得所需的输出。因此,在此示例中,如果我删除了演示ng- app,脚本和控制器,则会得到所需的输出。如果删除demo1 ng-app脚本和控制器,则第一部分工作正常。如何使两个指令同时工作? 输出是

  • 问题内容: 为了使AngularJS在IE7和IE8中工作,我向ng-app元素添加了id =“ ng-app”和class =“ ng-app”: 过去一直如此,但是现在我将class =“ ng-app”添加到了两个不同的项目中,并且在这两个视图中不再在任何浏览器中呈现该视图。IE7 / 8兼容性的方式已更改吗?我正在使用CDN的1.0.2版本。 谢谢。 问题答案: 编辑说明: 添加docty

  • multipart/form-data 与 application/x-www-form-urlencoded 是表单请求 header 中最常见的两种 Content-Type 值了,StackOverflow 上就有一个关于这两者区别的提问。 TLDR:简单来说,除非你需要上传文件,否则都优先使用 application/x-www-form-urlencoded。 这两个 MIME 类型是所

  • 问题内容: 在某一时刻(后12‘40” ),扬声器指出的属性和是内部或多于或少于标签等都是和。但是发言者说,HTML代码将通过不同的验证验证,这取决于哪个属性用过的。 您能解释一下前缀和前缀这两种方式之间的区别吗? 问题答案: 好问题。区别很简单-两者之间绝对没有区别,只是某些HTML5验证程序将对像属性抛出错误,但对于诸如前缀的任何内容都不会引发错误。 因此,要回答您的问题,请使用是否希望验证H

  • 问题内容: 我正在尝试仅在成功验证后提交表格。验证适用于必填项,但不适用于ng-minlength 表单输入无效,但仍在提交表单。 http://jsfiddle.net/pMMke/9/ 我究竟做错了什么。 我不想使用提交按钮禁用方法。 问题答案: 这是您做错的事情:您正在混合使用两个概念Angular验证器 和 HTML5验证器。 在 需要 HTML5验证,例如,规定: 如果存在,它指定提交表

  • 大家要切记这一点: 在任何 Single Page App中,js代码都不会产生 一个传统意义的form表单提交!(这会引起整个页面的刷新) 所以,我们往往用事件来实现.(桌面开发思维) 假设,我们在远程有个接口,可以接受别人的留言: URL: http://siwei.me/interface/blogs/add_comment 参数: content: 留言的内容. 请求方式: POST 返回