angular-reactive-forms相关内容

带有hasError()进行验证的表单生成器将引发ERROR TypeError错误:无法读取未定义的属性'hasError'

嗨,我正在使用Form Builder在angular 2中实现一个表单 在component.ts中,我已经使用formGroup实现了表单 下面是我的代码 public myForm:FormGroup; 构造函数(私有authenticateservice:AuthenticateService, private _fb:FormBuilder ){ } ..

角-响应式表单-如何使用类和验证器将对象传递给FormGroup

我有一个很大的表格要创建,因此决定使用反应式表格功能以便于使用。但是,我面临着一些显而易见的挑战,正在寻求帮助。 以下是两种情况,除了验证之外,它们产生相同的结果。 createFormWithValidation()方法指定了每个控件及其关联的验证器。 createFromPassingObject()方法仅使用 this.party 对象创建相同的表单,但不添加验证器。 我的目标是 ..

反应形式-将字段标记为已触摸

我无法找出如何将所有表单字段都标记为已触摸。 主要问题是,如果我不触摸字段并尝试提交表单-验证错误将不会显示。我的控制器中有该代码的占位符。 我的想法很简单: 用户单击“提交”按钮 所有字段都标记为已触摸 错误格式化程序会重新运行并显示验证错误 如果其他人有其他想法如何在提交时显示错误,而没有实现新方法-请分享。谢谢! 我的简化形式: ..

Angular 7中的动态验证:enable()& setValidators取决于更改触发的标志

我的上一个Angular项目是很久以前的,与此同时,我也使用VueJS.现在,我回来了,并在Angular 7中实现了带有一些条件字段的反应形式. 我下面的解决方案有效,我可以启用字段或在标志上设置验证程序dependend.但是我不喜欢这种解决方案,因为它太长且不直观.没有人可以理解,您必须禁用一个字段才能禁用验证器. Angular/TypeScript专家可以帮助我优化该代码还是做对了 ..

为什么不收集FormControl#valueChanges的订阅垃圾?

我经历了很多话题,说一个人需要从FormControl#valueChanges退订,以防止内存泄漏.我了解了Observable退订的“何时"和“如何".据我了解,产生无限个值的Observable需要取消订阅,而FormControl#valueChanges就是这样的Observable. 但是我的问题是,为什么不收集这些Observables垃圾?我的意思是,当Angular组件被销 ..

Angular反应形式中的嵌套动态数组形式

我有一个数组形式,即“地址",一旦用户单击“添加地址"按钮,将立即添加一个地址形式,这将是动态的.我实现了一个问题(“添加/删除地址"工作正常).现在,我需要添加一个动态联系电话,例如地址. 一个地址可能包含一个或多个电话号码,如果用户单击“添加电话号码",需要在地址表中添加一个新的电话号码表,则所有地址表都将需要该功能. (即数组array =>地址数组,每个地址包含联系人数组) S ..

如何解析要馈送到formcontrol的JSON值?

我从服务器获取JSON响应,我从该服务器获取构建FormGroup对象所需的元数据.由于JSON是动态的,因此FormGroup对象也是动态的,如何解析HTML中的JSON字段? 我查看了动态表单的角度文档 https://angular.io/guide/dynamic-表单,但在这里我看到它们正在将每个类对象从父 dynamic-form.component.ts 传递到 dynamic ..
发布时间:2019-11-26 19:09:18 JavaScript

使用角度形式将元素值作为JSON形成

我正在使用 Angular动态形式 在这里,我做了一个嵌套的输入字段,其中在初始阶段将有两个输入文本框,并且在单击添加按钮后,每次单击添加按钮时,都会添加下两个输入框. 在这里,一切都很好. 在这里,我已将 question-service.ts 中的值用作 new TextboxQuestion({ elementType: "textbox", class: ..

如何在不使用服务的情况下在子组件与父组件之间传递反应式表单数据

点击父按钮的话想从父母那里消费儿童反应形式数据。目前我们正在使用viewchild获取子cpomponent引用。我们获取所有静态数据但不填写表格填充数据...................................... .................................................. ............... parent.compon ..
发布时间:2019-06-12 12:47:46 前端开发

使用角形式更改表单元素

我正在使用通过JSON加载的表单元素制作角度动态表单。 表单元素生成工作正常,但我需要更改表单元素基于从下拉列表中选择的选项.. 生成表单元素的JSON jsonData:any = [ { “elementType”:“textbox”, “class”:“col-12 col-md- 4 col-sm-12“, ”key“:”project_name“, ”label“: ..

如何将单个形式的两个部分组合成角度?

我正在使用角度动态形式进行角度应用,我通过JSON加载动态表单的数据.. JSON有两个部分,例如第1部分和第2部分, jsonDataPart1:any = [ { “elementType”: “textbox”, “class”:“col-12 col-md-4 col-sm-12”, “key”:“project_name”, “label”:“Project名称“, ”输 ..

如何将元素更改为以角度形式输入或下拉?

我正在制作角度6应用程序,我使用角度动态表单,值来自JSON .. 简单JSON : jsonData:any = [ { “elementType”:“dropdown”, “key”:'project', “label”:'选择显示', “选项”:[ {“key”:'inputbox',“value”: '将项目级别显示为输入框'}, {“key”:'dropdown',“ ..