问题标签 [angular-formbuilder]
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.
angular - 需要一些关于 [formGroup] formGroupName ,[formControl] formControlName 的建议
我正在查看问题的现有答案 formControlName 和 FormControl 有什么区别?
并且仍然很难完全理解何时使用 [formControl] 而不是 formControlName。
我是否正确地得出结论[基于@Paul Samsotha 评论],当我使用类似于
然后我应该使用类似的东西
如果我想像下面这样声明我的表格(基于@Günter Zöchbauer ansewer):
使用以下语法:
以上正确吗?[formGroup] 和 formGroupName 也是一样的:你什么时候使用 formGroupName 而不是 [formGroup]?我想不出这个例子。你能解释一下为什么一个人可能会使用一个而不是另一个或推荐的做法是什么(如果有的话)?
angular - Angular - 子组件中的 FormArrayName
我有三个组件:
- 同意
- 同意范围列表
- 同意范围项目
consent
主机 aFormGroup
包含两个FormArray
s。
这是consent
组件模板:
我按照这篇文章中的说明FormGroup
将同意表单中的内容传递到组件中: https ://stackoverflow.com/a/46452897/2555957 。consent-scope-list
consent-scope-item
组件声明:
和模板consent-scope-list
:
最后是consent-scope-item
组件声明:
和模板consent-scope-item
:
我收到一个运行时错误,consent-scope-list
说它找不到 formGroup:
angular - 如何验证角度嵌套表单组字段的错误消息
嗨,我是 Angular 的新手,我正在尝试实现表单验证并使用下面的代码,我的问题是嵌套表单组字段我在日志中遇到错误 TypeError: Cannot read property 'touched' of null 有人可以帮助我吗?
.ts
.html
angular - 从表单控件Angular 6中删除验证器
我有一个表单,其中包含许多表单控件和一些控件的验证器,例如:
如何添加不验证控件的另存为草稿按钮?或者删除它们?
我尝试了很多例子,例如:
或者
但没有任何效果..
angular - 如何在反应表单验证器中显示嵌套表单错误?
我reactive-form-validators
用来验证我的 Angular 应用程序中的表单。我在显示嵌套表单的错误时遇到问题。我尝试了一些例子,但没有运气。
这是Stackblitz链接。
node.js - 找不到具有名称的控件:
我有一个非常复杂的表格,我想将其分解为各个组件。这是我的基本表单(仅作为示例字段),我正在使用FormBuilder
:
如果我尝试将此连接到我的模板,它会完美运行:
这呈现没有任何错误。
如果我尝试以如下方式分解meta_options.test_type
它自己的组件:
component.ts
组件.html
并在我的主要父表单中使用此组件作为
我收到以下错误:
我在这里想念什么?
angular - 使用依赖的下拉菜单初始化 formGroup
我有一个问题已经解决并且可以解决,但是现在它太复杂了,所以我正在寻找一个更简单的解决方案。
基本上我有一个反应形式,其中有多个相互依赖的下拉菜单。
例子:
创建 formGroup 后,我从服务加载 Dropdown1 的可能值,同时订阅 Dropdown1 的 valueChanges。
例子:
只要第一个更改,这就会在第二个下拉列表中为我提供正确的值。要使用现有值初始化表单,我使用类似myFormGroup.patchValue(formData);
. 这不会触发 valueChange 所以我必须添加startWith()
.
现在例如,如果第一个下拉列表更改,您必须重置依赖下拉列表的值,这也需要额外的逻辑,因为它不应该在初始 valueChange 上重置。
如果这些下拉列表在 FormArray 内,或者如果表单变得更复杂,这很快就会失控。
所以我想知道的是,是否有更简单的方法来处理这个问题。用依赖值初始化一个 formGroup 很好。但是加载依赖表单组件需要的额外数据,对于这个解决方案来说是一个巨大的痛苦。
我可以找到的所有信息几乎都停止了创建具有依赖值的表单,但没有解释如何更新现有数据。有人知道来源吗?
angular - 在 Angular 中将数组推入对象内部
我在 itemsForm 中推送转换数组时遇到问题。如何在 Angular 中做到这一点?谢谢
angular - Angular 7:“找不到具有未指定名称属性的控件”
我正在创建我的第一个 Angular 应用程序,并且在开发模式控制台中收到以下错误:
ERROR 错误:“找不到具有未指定名称属性的控件”
ERROR 错误:“找不到带有路径的控件:'items -> name'”
ERROR 错误:“找不到带有路径的控件:'items -> height'”
我已经阅读了几个 SO 答案(例如this、this 和this ) ,但我无法确定我做错了什么,我对 Angular 的缺乏经验也无济于事。
这是我的组件打字稿代码:
这是我的 html 组件代码:
我在打字稿代码中formControlName="name"
没有看到拼写错误。formControlName="height"
我完全迷路了。
我在这里做错了什么?