问题标签 [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 投票
3 回答
124964 浏览

javascript - 在控制器中使用 $setValidity

我正在尝试对文件更改进行一些验证。这是我的代码:

查看/模板

控制器

但现在调用$setValidity不起作用。
有什么想法吗?

0 投票
1 回答
3489 浏览

javascript - AngularJS - 选择 False 时,ng-option 下拉列表未设置 ng-model 值

我有一个用于生成选择列表的<select>元素,并希望将 selected 设置为. 这是我的html:ng-optionsng-model

我的控制器包含以下代码:

如果该项的IsTobacco值为真,则该值设置正确,一切正常。但是,如果它为 false,则会出现所需的错误,即使{{dep.IsTobacco}}呈现为 false。真正奇怪的部分是,如果我将列表中的选定项目更改为 true,它可以正常工作,但是如果我将其设置为 false,则会将一个新的空白项目添加到列表中并选择该空白项目。

如果问题似乎不在上面发布的行中,我可以很乐意发布更多代码。

谢谢!

编辑:我还使用了 chrome 调试器,发现当数据在 Angular 中启动时, 的值IsTobacco等于false.

编辑 2:如果有人看到这个是 AngularJS 的新手,我肯定会推荐阅读这两篇文章:第 1部分和第 2 部分。它们是 AngularJS 表单的概述。

0 投票
2 回答
4570 浏览

angularjs - 在当前范围之外的元素上使用 $setValidity

我有一个全局指令,负责从控制器获取错误消息、编译和显示它。

如果出现服务器验证错误,例如 This email already exists,我想关注此元素,并将其有效性设置为 false,例如$setValidity(false)

该指令不是表单,也不包含表单。

你有什么建议(已经尝试了所有被注释掉的东西)

0 投票
9 回答
177295 浏览

angularjs - 我可以访问控制器中的表单吗?

我目前正在使用以下内容。

$scope.$$childHead.customerForm[firstName], 以便:

但这仅适用于 Chrome。现在我尝试了以下方法:

$scope.editCustomerForm[firstName], 以便:

这是行不通的。请注意,我的表单位于 Foundation 选项卡内。我怎样才能访问firstName

编辑:当它在基础选项卡内时,它看起来form没有添加到。scope

有人对此有解决方案吗?

0 投票
3 回答
16436 浏览

javascript - AngularJS - 如果表单无效,则阻止提交

我创建了我的问题的一个孤立案例:http: //plnkr.co/edit/6LXW5TG76LC9LNSrdpQC

这是孤立案例的代码:

基本上,该示例包含一个数字字段,其下方是显示输入无效(空或不是数字)时的错误消息。

但是表单仍然会提交,尽管如果字段值无效,则将其设置为“未定义”,但我更喜欢在发送到服务器之前检查表单是否有效的方法(本例中的警报框)。

所以我的问题是 - 在 AngularJS 中,有没有办法从控制器中检查表单是否有效?或者如果表单无效,另一种阻止表单提交的方法?

0 投票
1 回答
2268 浏览

javascript - Angular 动态 ng-model 名称

这里我想做的是我的 ng-model 名称应该是这样的

formData.disclosureQuestionsPrepopulate1",formData.disclosureQuestionsPrepopulate2

像那样,但它不起作用。有人能帮我吗?

0 投票
1 回答
2725 浏览

angularjs - 使用 controllerAs 语法的 Angular 表单验证

我目前面临以下问题:

我想使用 AngularngModel指令验证我的表单输入。

将它们与 $scope 一起使用时,它们可以正常工作。
现在,使用controllerAs语法,它们无法工作。

这个问题的文档很少,我能找到的唯一帮助是这篇文章

这是我的代码的一个小例子:

模板被myController 作为 vm调用

我是否被迫使用$scope来验证表格?还是我错过了什么?

提前致谢!


解决方案: Andrew Gray

我必须更改以下几行才能使其正常工作:

0 投票
1 回答
1346 浏览

javascript - 如何使用提交按钮搜索表中的记录?

这是我的 index.html 页面 ------index.html------


我需要的是使用提交按钮来搜索记录......这是我的 script.js 文件......

这是我在 plunker 中的编码:http ://plnkr.co/edit/?p=preview

0 投票
1 回答
10358 浏览

angularjs - 当所有输入均为空白时,角度形式为 $valid,为什么?

即使我的所有输入字段都是空白的,我的表单仍显示为有效。我在输入字段中有必需的关键字。

在浏览器中加载它会导致 !! -- 表格有效吗?真的 - !!我认为 Angular 知道所需的标签会使空白字段无效?

0 投票
4 回答
379 浏览

angularjs - 以角度提交验证表单

您好,我正在尝试在表单提交时显示我的验证,但验证不起作用,无论如何都会发送表单。这是我的表格:

这是我的控制器功能:

有人可以指出我在这里做错了什么吗?谢谢。:)