angular-forms相关内容
如果我添加“单击此处添加运输字段",例如我想添加司机、联系电话等,我如何添加几列.单击模态后,它会显示有关哪个字段的一些选项加上.请检查我制作的代码链接.下面也是我的代码.请检查这里的图像 检查此链接 https://stackblitz.com/edit/dynamic-columns-reactive-forms-hj5nur?file=app/app.component.ts ope
..
我有以下代码动态添加包含标题和两个单选按钮的表单组以创建条件,有效地提供其标题以及它是否是可接受的条件: export enum Acceptability {可以接受,不可接受}导出接口条件{标题:字符串;可接受性:可接受性;}导出类 AddCondition 实现 OnInit {表格:表格组;可接受性 = 可接受性;构造函数(私有 fb:FormBuilder){}ngOnInit()
..
我有一个输入组件 customInput,它创建一个经典的输入字段并为其添加一些布局香料,没有额外的逻辑. 我想将一个 formControl 传递给它,将它绑定到它包含的输入. 应该这样使用: 内部自定义输入: 导出类 Hid
..
嗨,我正在使用 Form Builder 实现一个 angular 2 的表单 在 component.ts 中,我使用 formGroup 实现了我的表单 下面是我的代码 public myForm: FormGroup;构造函数(私有身份验证服务:AuthenticateService,私人_fb:FormBuilder){}ngOnInit() {this.myForm = t
..
有一个自定义输入组件,它以带有验证的反应形式使用: @Component({moduleId: module.id.toString(),选择器:'自定义选择',templateUrl: 'custom-select.component.html',styleUrls: ['custom-select.component.css']})导出类 CustomSelectComponent {@In
..
有一个实现ControlValueAccessor的组件,带有内部FormGroup来维护自定义表单控件的状态.当任何字段,即 FormGroup 的一部分被禁用时,在父表单中调用 .getRawValue() 方法时该字段不可见. 根据规范,.getRawValue() 应该返回原始对象,包括禁用的字段. 我检查了 .getRawValue() 的代码,这是我发现的: getRa
..
我正在使用 angular 7 应用程序,并且正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective.
..
我正在显示一个带有 *ngFor 的 FormArray.我想要做的是当我点击 ngFor 中的一个项目时,用该项目的“任务"属性填充. 另外,当我输入/更新输入的内容时,原始表单被更新/修补. HTML:
..
请帮忙,我嵌套了表单数组,如下所示: this.form = this.formBuilder.group({projectTitle: ['', [Validators.required, Validators.maxLength(300)]],projectDescription: ['', [Validators.required, Validators.maxLength(300)]]
..
我是 Angular 的新手,并试图从以下位置扩展示例代码:Angular 4 Form FormArray 添加按钮添加或删除表单输入行 如果在下拉列表中选择了某个选项,则该选项的新选项应该是可表达的.我到了这一点没有问题,但是为那些“低层选项"实现 formControlName 标签给我一个错误: ContentComponent.html:56 ERROR 错误:找不到带有路径
..
我有一个非常简单的问题,我无法解决.首先,我有一种成分有批准的数量.而且这种成分有几个有效期.但是,我想检查我的“转移数量"的到期日期是否不超过批准数量. 我应该如何检查这个?我已经完成了一些部分,但这个我无法比较,因为它必须根据一个批准的数量检查几行“要转移的数量".代码链接如下: 此处分叉链接 customValidator(group: any) {如果((group.co
..
我很难在 Angular 的响应式表单中实现自定义验证.我需要控制数量.数量不应超过可用数量.问题是如果每行都有子行,我怎么能得到所有数量的总和.我将如何计算子行的总数并将其与找到可用数量的父行进行比较.下面是我的代码. 这里还有我的代码链接请点击此链接 customValidator(campo1: string) {return (group: FormGroup): { [key:
..
我有一个父组件,我想在其中创建和存储我的响应式表单.一个 Form Array 中会有多个 Form Group 实例.我想将每个表单组中的表单控件传递给子组件,但我无法弄清楚如何执行此操作. 这是一个 Stackblitz 演示了我想要做什么.此外,某些字段仅适用于某些“品牌"的汽车,这就是为什么我的 html 中有以下行: 我想将“详细信息"表单组字段移动到“详细信息字段"子组件中
..
在我的 Angular 4 应用程序中,我有一个包含多个控件的表单. 在某些时候我需要强制更新它们的有效性,所以我这样做: this.form.get('control1').updateValueAndValidity();this.form.get('control2').updateValueAndValidity();this.form.get('control3').update
..
我有几个类别,每个类别有几个材料/产品.我有一个问题,因为当我决定删除一个类别的材料/产品时,我也删除了另一个类别的材料/产品?如何使用反应式形式解决这个问题?我如何单独删除一种材料而不是另一种材料?这是我的代码链接代码链接 patchValues() {let rows = this.myForm.get('rows') as FormArray;this.orders.forEach(材料=
..
我有一个 angular 2 表单,其中我必须在某些条件下创建一个字段,例如: 描述:['', Validators.required] 只有在某些类型的条件下才需要此描述字段,例如: if(true){descReq = true}; 我怎样才能做到这一点,请提出建议.提前致谢! 解决方案 您可以根据表单上另一个控件的值添加或删除验证器: testForm: FormGrou
..
我正在使用响应式表单在 Angular 中构建表单.我正在使用 FormBuilder 制作一组字段.对于文本框,这非常有效.但是我找不到用于单选按钮的 formControl. 这是如何工作的?我应该像使用文本输入一样使用 吗? 解决方案 我应该像处理文本输入那样做 吗? 是的.
..
反应式表单可以监听它包含的表单有效性状态的变化并执行一些组件的方法的组件? 使用[disabled]="#myForm.invalid"之类的模板引用很容易禁用模板中的提交按钮,但这不涉及组件的逻辑. 查看模板表单的文档我没有找到方法 解决方案 如果你只想得到 status 而不是 value 你可以使用 statusChanges: 导出类组件{@ViewChild('my
..
我已成功构建了一个页面,其中包含两种表单.我在如何将这两种形式分成单独的组件方面遇到困难.我已经为每个表单添加了组件.我将如何以推荐和正确的方式做到这一点? 请在这里查看我的 stackblitz 点击这里 this.personalDetails = this.formBuilder.group({名称:[“",Validators.required],电子邮件:[“",Validato
..
我需要帮助才能仅在选中复选框时启用行.默认行应该被禁用,但当复选框只被选中时,该行将被启用.这是我的代码的链接 链接代码 patchValues() {let rows = this.myForm.get('rows') as FormArray;this.orders.forEach(材料=> {material.materials.forEach(x => {行.推(这个.fb.组(
..