问题标签 [angularjs-forms]

我正在尝试创建一个多步表单，第 2 步是一堆复选框。这是带有复选框的表单：

复选框 ( event_sub_categories) 的数据是从服务器中提取的。我需要将用户选择的输入保存到 formData。formData 正在多步骤表单的每个页面上收集，并将在所有表单页面之后通过 post 请求提交。我是 Angular 的新手，我对复选框的工作方式有些困惑。

问题 1：我了解 ng-model 如何与普通文本字段一起工作。但我不确定我是否了解它如何与复选框一起使用。ng-model 是否替换了 html 名称元素？意思是，当我使用 将其提交到服务器时$resource，数据的键是由 ng-model 设置的吗？

问题 2：我如何命名 ng-model 以便它是 formData 的一部分，但它也与sub_category从数据库中提取的名称相关。问题是使用上面的代码，在任何给定时间只能选择一个复选框，我希望用户能够在给定时间检查许多复选框。如果无法做到这一点，我怎样才能通过复选框获得我需要的功能？

我在验证 AngularJS 中的自定义表单控件时遇到问题。

这两个问题是：

1. 我想在内容可编辑字段中未修改占位符/初始文本时触发自定义错误。我尝试了各种方法——但没有运气（包括尝试编辑$isValid）。

2. 已解决：我似乎无法触发ng-show错误消息以使它们在ng-minlength、ng-maxlength和ng-required无效时出现。（答案：我在 div 上没有名字 attr）

请参阅下面的 Plnkr 和代码示例：

https://plnkr.co/edit/Up6Q4D7cMDQQxCodLrpE?p=preview

我是 Angular JS 的新手。我正在尝试输入type="text"，我正在从我的控制器中检索我的名字，并且我正在使用$dirty并$invalid验证我的数据，但是当我将输入字段设为空时它没有显示。

JS 小提琴：https ://jsfiddle.net/U3pVM/24718/

所以，像这样的代码：

输出到控制台，该表单已在 下成功发布$scope.myCtrl.form。那么，有没有人使用这种语法，这样做是否有意/有效？Angular 1.5

Angular 似乎没有在下面的代码中引发 minLength 或 maxLength 错误……但是，所需的错误（以及电子邮件错误）正在起作用。我知道 ng-minlength 和 ng-maxlength 正在工作，因为输入框正在更改其 CSS。里面的文本<span>不适用于最小或最大错误。

请参阅下面的密码输入：

对这里出了什么问题有任何想法吗？

我正在尝试清除表格，但仍然面临一些问题。如何清除提交时的表单？

HTML

角

清除表单的主要技术有哪些，包括 setPrestine()？

所以我已经阅读了一些关于这个主题的帖子，但还没有完全弄清楚。我尝试实施在https://scotch.io/tutorials/building-dynamic-angular-forms-with-ngrepeat-and-ngform找到的解决方案，但没有成功。验证确实将 ng-invalid 类添加到元素，但它没有使用 ng-show 显示错误消息。这是我到目前为止所得到的。

首先这里是一个plnkr：http ://plnkr.co/edit/0Xh0o82N1xQc7Qi5Mhfe?p=preview

如果我在表单验证中使用ng-model-option's getterSetter，那么我不能在输入中输入任何无效的内容。例如

HTML

JS

https://plnkr.co/edit/dUPXiD1elGfqZSf9x9Bk?p=preview

使用该输入，我无法输入任何数字，因为它会小于 10。

我试图获得与没有getterSetter. 即：用户可以在视图中输入任何无效的输入，但只有在输入有效时才会设置模型。

任何人都知道我可以使用的解决方法来获得表单验证，getterSetter或者任何人都可以解释为什么会发生这种情况？

我有一个使用 angularJs 的表单，所有代码都可以在问题末尾的我的 plunker 上找到。

在我的控制器里面我有

在我的表格中以及我正在使用的电话字段和电子邮件字段中：

如果用户从控制器内部设计的选择选项中选择它，则这些值应该为真。

在 HTML 中

在控制器中：

$scope.feedback.myChannel 的值根据用户选择从空字符串更改为“Tel”、“Email”或“Tel & Email”，我在额外的 div 中显示它仅用于开发目的以确保它们会随着用户的选择而改变。

但是所有 if 语句都不起作用，尽管 $scope.feedback.myChannel 的值会根据我为开发而制作的显示 div 发生变化。知道为什么吗？

你可以在我的 plunker 中看到我的代码 这是我的 plunker

这是页面的截图

我有一个角度指令 (1.4) 我正在切换到组件语法 (1.5)。如果单击表单重置按钮，现有代码将调用 form.$setPristine()。当我将它切换到一个组件并尝试从 jasmine 测试中调用时，表单变量是未定义的。

测试文件：

表单.html

错误：