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

Angular.js提交表单的旧方法

邢洋
2023-03-14
问题内容

我正在将旧的html页面从jQuery迁移到Angular,它包含一些带有的老式表格<input type="submit">。当我用ng- app指令丰富页面时,旧表格停止工作(我的意思是当您按下submit按钮时什么也没发生)。

我搜索了此问题并也扫描了Angular文档,但似乎没有人提交表单了。

任何有关如何在不进行大量按键操作的情况下再次使这些形式重新生活的建议,将不胜感激。

当前该表单具有以下标记:

<form name="form_upload" method="post" action="" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" name="send" value="Upload">
</form>

我清除的所有jQuery代码都从Angular重新开始。

UPD:

我想我现在找到了原因,它是空action属性,似乎空动作不受标准格式的欢迎,但是使用非常方便,允许您将表单提交到当前页面URL,有没有Angular的方法?


问题答案:

脱离文档:http://docs.angularjs.org/api/ng.directive:form

Angular的理念是最大程度地减少数据和页面重载,因此它们不喜欢“旧式表单”,但是您可以通过action在表单中使用属性来解决它。

Angular在设计时考虑了单页应用程序,避免了重新加载整个页面,因为这将需要更长的时间。通过使用ngSubmit伪指令,您可以定义一个函数,以将表单数据发送到服务器并获得比整页重新加载更快的响应。字节而不是千字节。



 类似资料:
  • 问题内容: 我想防止使用angular.js提交多个表单。 当用户单击表单提交按钮时,提交按钮的值/标签应更改为“正在加载..”,按钮的状态将设置为“已禁用”,并且应以正常方式触发提交事件,从而导致向服务器提交呼叫。这样,用户将看到以下效果: 立即:提交按钮的值更改为“正在加载..”并被禁用 服务器响应后:向用户显示服务器请求的结果(而服务器响应的处理无需任何干预) 我制作了这个小玩意来表达我的意

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

  • 获取Form变量 通过Action的如下方法可以获取变量: GetSlice GetString GetInt GetBool GetFloat GetFile GetForm 自动映射 通常我们通过http.Request.Form来获得从用户中请求到服务器端的数据,这些数据一般都是采用name,value的形式提交的。xweb默认支持自动将这些变量映射到Action的成员中,并且这种映射支持子

  • 提交表单时,会触发 submit 事件,它通常用于在将表单发送到服务器之前对表单进行校验,或者中止提交,并使用 JavaScript 来处理表单。 form.submit() 方法允许从 JavaScript 启动表单发送。我们可以使用此方法动态地创建表单,并将其发送到服务器。 让我们看看它们的更多细节。 事件:submit 提交表单主要有两种方式: 第一种 —— 点击 <input type="

  • 问题内容: 我正在学习AngularJs的学习过程,发现几乎没有任何示例可用于现实世界。 我试图对如何使用最标准的组件提交表单并将其传递给PHP文件有一个清晰的了解。 我的小提琴。 有人在提交简单,无污染的表单方面有什么好的例子吗,这些表单会对我以及其他许多Angularjs初学者有所帮助。 当我说一个干净的表格时,我指的是这样的东西。 我的ng-app代码… 我猜我接下来要问的三个问题是… 我的

  • Framework7 可以通过ajax自动提交 有两种自动提交方式: 当用户提交了表单 (点击了提交按钮) 或者当通过代码触发了 "submit" 事件 当用户更改了表单的内容,或者当通过代码触发了 "change" 事件 submit时提交表单数据 只需要添加 "ajax-submit" class 在form上,当submit时就会自动通过ajax发送表单数据 <form action="se