问题标签 [angularjs-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
626 浏览

angularjs - AngularJS:编辑不在范围内的表单值

我正在使用表单在我的应用程序中创建用户。我也使用相同的表单来更新用户配置文件,并且我正在从数据库中加载值。如果用户没有更改编辑表单中的任何内容并提交表单,则范围没有用户数据。例如。

提交功能:

如果用户不会触摸性别下拉列表,则在提交表单时,用户范围对象中将没有性别索引。

如何将所有 ng-pristine 或 ng-untouched 字段纳入范围。

0 投票
3 回答
7497 浏览

javascript - 使用 Angular 的简单提交表单

我是 Angular 的新手,但对谷歌来说已经很老了。

我不知道如何使用 Angular 提交此表单,就像我们在 jQuery 中所做的那样。

我想从保存草稿按钮提交此表单,而不是普通的提交按钮。

我们使用的 jQuery

0 投票
1 回答
1412 浏览

angularjs - 离子:从自定义模态表单的控制器中的对象访问

我创建了一个代码笔来显示问题。

使用服务时appModalServicevm直接将对象替换为FormController对象,因此vm模板中的所有属性都无法访问,与vm对象关联的控制器变得完全无用。

关于 的讨论(推理)appModalService可以在离子形式中找到。

我在这里添加了代码以供参考。有关解决此问题的任何建议?

HTML:

JS

0 投票
1 回答
1194 浏览

javascript - 如何在解决之前取消/忽略 AngularJS 异步验证检查?

我有一个简单的 HTML5 用户注册表单。验证用户名的值input以确保没有使用添加到的自定义函数具有相同用户名的用户$asyncValidators

考虑以下情况:

  1. 用户开始输入用户名(例如,“我”)。
  2. 稍微延迟后,Angular 验证器运行,向服务器发送异步请求,询问用户名是否可用。
  3. 用户开始输入更多字符(例如,'Me123')。
  4. 在又一次轻微的延迟之后,Angular 再次尝试通过向服务器发送另一个请求来验证用户名。

当 Angular 收到关于用户名有效性的两个响应时,它会做什么?有没有办法优雅地处理这个问题?

我想做的是以某种方式取消或告诉 Angular 在用户修改用户名值后立即忽略第一次验证尝试的结果。


编辑 2015 年 11 月 12 日:

Sirrocco 的回答帮助我澄清了我的问题。这里有两块:

  1. 中止实际的 HTTP 请求
  2. 告诉 Angular 验证过程停止等待返回的承诺$asyncValidators.usernameAvailable被解决或拒绝

timeout我可以通过使用服务选项来做第一个$http。我的问题是:做第二个是必要的、可取的还是可能的?如果是这样,怎么做?

我认为这可能发生在keyup添加到指令元素的事件处理程序中link。见下文:

索引.html

checkAvailability.directive.js

0 投票
0 回答
431 浏览

javascript - 使用struts2在angularjs中未正确提交表单

我正在使用带有 angularjs 的 struts2 框架。有两个按钮,一个用于重置具有默认值的文本字段,另一个用于提交页面。我的提交不起作用。我的jsp页面是:-

这是我的动作课。

导入 com.opensymphony.xwork2.ActionSupport;

公共类 StudentController 扩展 ActionSupport {

}

我的重置按钮工作正常,但是当我单击具有空表单的提交按钮时,它会调用给定操作类的方法。另一点是每次表单为空或不是该操作方法都没有获取表单的值...

0 投票
1 回答
59 浏览

javascript - 带有文件管理器的 AngularJS 打破了表单域的范围?

我正在尝试使用文件管理器在表单域中插入图像链接,但数据不提交到控制器的范围。

当我设置一个默认值时,这个值是不变的。

这是表格:

我用 angular 打开弹出窗口,它会触发一个常规的 javascript window.open 函数,弹出窗口工作正常,链接放在表单域中,但它永远不会到达范围。

问题似乎在于以编程方式输入数据时范围没有更新。此外,当未手动输入数据时,ng-change 不会触发。我希望有一个解决方法。

有任何想法吗?

0 投票
1 回答
1064 浏览

angularjs - 将指令中的子表单中的 $dirty 标志传递给父表单

我是角度 JS 的新手。我有主表单,它有文本框和一个带有复选框的指令。如果用户在文本框中添加了一些文本或修改复选框的初始状态,当用户单击确定按钮时,我必须检查脏标志并提示用户进行未保存的更改。这是我的笨拙
我必须使用 angular 1.3.16 版本。 脚本.js:

索引.html:

指示:

需要将复选框选中/取消选中从子指令传递给父。知道为什么这不起作用吗?

0 投票
0 回答
3012 浏览

angularjs - 如何在控制器中验证角度形式

如何在控制器中验证我的角度形式?我需要检查表格并取决于有效性显示文本块

我使用了来自官方 angularjs 网站的表单示例。

有人可以解释一下为什么这段代码console.log($scope.myForm);输出未定义,我怎样才能得到表格?

0 投票
4 回答
77889 浏览

angularjs - `ng-pattern` - 如何只检查数字?

我正在使用ng-pattern仅检查输入中的数字。但对我来说这行不通。我可以charactersnumber. 我该如何限制呢?

这是我的代码:

现场演示

0 投票
1 回答
8470 浏览

html - 角度形式在表格中不起作用

我创建了一个工作表单,放置在表格下方的 div 中;

然后我决定把表格移到上面的表格中;

但是现在表格不再起作用了。我究竟做错了什么?