jjzjj

FormGroup

全部标签

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息。给定以下parent:parent.component.tsimport{Component,OnInit}from'@angular/core'import{REACTIVE_FORM_DIRECTIVES,AbstractControl,FormBuilder,FormControl,FormGroup,Validators}from'@angular/forms'@Component({moduleId:module.id,selector:'parent-cmp',templateUrl:'langu

javascript - Angular - 将自定义验证器分配给 FormGroup

我需要将自定义验证器分配给FormGroup。我可以在创建FormGroup时这样做:letmyForm:FormGroup;myForm=this.formBuilder.group({myControl1:defaultValue,myControl2:defaultValue},{validator:this.comparisonValidator})comparisonValidator(g:FormGroup){if(g.get('myControl1').value>g.get('myControl2'.value)){g.controls['myControl1'].se

javascript - Angular 6 : Can't bind to 'formGroup' since it isn't a known property of 'form' ?

我曾在Angular2/4中使用表单构建器,但现在我在Angular6中使用它。我已经看到这个问题(Can'tbindto'formGroup'sinceitisn'taknownpropertyof'form')但它是针对Angular2的。我对angular4做了完全相同的事情,但我收到了这个错误。请帮忙:我的代码是:app.module.ts:(我已经导出了FormsModule和ReactiveFormsModule):import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angul

javascript - 错误 : Unexpected value 'FormGroup' declared by the module 'DynamicTestModule'

我们的项目结构如下:Angular2-webpack-starter.我们的项目成功编译、构建并可以在浏览器中看到。这里没有问题。但是当我们尝试使用karma和jasmine运行测试用例时,我们遇到了这个错误。XXXXComponent:heavy_multiplication_x:ShouldMatchCurrentTabas1Chrome55.0.2883(MacOSX10.10.5)Error:Unexpectedvalue'FormGroup'declaredbythemodule'DynamicTestModule'atSyntaxError.ZoneAwareError(w

Angular 2 FormGroup验证类型

零件:ngOnInit(){this.record=newFormGroup({movement:newFormControl(''),weight:newFormControl('',[Validators.required,Validators.minLength(1),Validators.maxLength(3)]),date:newFormControl('',[Validators.required]),comments:newFormControl('',[Validators.required,Validators.minLength(3),Validators.maxLeng

Angular2- formGroup验证不触发

我在表单内有一个form组。当我单击“提交”按钮时,我需要验证FormGroup控件,但没有触发。交易形式是形式,分配形式是FormGroup。单击“添加”按钮IE时,我需要验证FormGroup孤独。所需的现场验证没有触发。component.tsthis.transactionForm=this.fb.group({allocationForm:this.fb.group({fund:newFormControl(['',Validators.required]),amount:newFormControl(['',Validators.required]),})});htmlname:{

Angular 4 form builder,具有动态形式控制的FormGroup

我的应用程序允许用户从事件下拉列表中进行选择,每个事件都有自己的独特属性和属性值,可以选择。这是事件的形式组,并为事件的每个属性提供一个FormControl。OninitializationtheFormGroupispopulatedwiththedefaultevent'sproperties,andwhenaneweventisselectedtheFormGroupwillhavealloldFormControlsremovedbeforepopulatingitwiththenewevent'sproperties'FormControls.我正在这样做,以便能够重置事件属性选择

javascript - Angular 4 无法绑定(bind)到 'formGroup',因为它不是 'form' 的已知属性

我是Angular4的新手。我正在尝试在Angular4中练习模型驱动的表单,但它一直出现此错误。Templateparseerrors:Can'tbindto'formGroup'sinceitisn'taknownpropertyof'form'.("][formGroup]="form"(ngSubmit)="onSubmit(form.value)">"):ng:///ComponentsModule/AdsComponent.html@71:38Error:Templateparseerrors:Can'tbindto'formGroup'sinceitisn'taknown