angular的formGroup的校验触发 angular material 中form表单提交时赋值,无法触发input输入框的样式,使用给FormGroup赋值的方式onSubmit() { Object.values(this.formGroup.controls).forEach(i=>{ i.marksAsDirty(); }) this.formGroup.patchValue(this.formGroup.getRowValue()) if(this.formGroup.invalid){ ...
publicbtnSubmit() {Object.values(this.frm.controls).forEach((c:FormControl) =>c.markAsTouched());// 添加这一句后,验证失败的input 会添加 ng-touched 样式,控件的边框就会变红了if(this.frm.valid) { ... } } 没啥高深的内容,废话有点多,就这样吧...
angular 动态添加/删除 control // true --- 选项为文本 不需要上传选项图片if(displayText){this.optionsForm.controls.forEach((group:FormGroup)=>{group.removeControl('imageUrl')});}else{this.optionsForm.controls.forEach((group:FormGroup)=>{group.addControl('imageUrl',this.fb.control('',Validator...
this.form.get('selectControl').valueChanges.subscribe(value => { const control = (this.form.get('options') as FormArray).controls; control.forEach(c => { c.get('isEnabled').setValue(value === 'enable'); }); }); } get options() { return this.form.get('options') as Fo...
this.controls[name].patchValue(value[name], {onlySelf: true, emitEvent: options.emitEvent});而FromControl 实例的 patchValue 和FromGroup 不同,他只是单纯的更新 FromControle 实例对象中的 value 值。value 相当于表单实际值,还记得先前HTML中的 formControlName 就是将实例与DOM产生联系,这也就是为什么不...
markFormGroupTouched(formGroup: FormGroup) { (<any>Object).values(formGroup.controls).forEach(item => { if (item.controls) { this.markFormGroupTouched(item); } else { item.markAsTouched(); } }); }javascriptangular 赞3收藏2 分享
this.controls[name].patchValue(value[name], {onlySelf: true, emitEvent: options.emitEvent}); 而FromControl 实例的 patchValue 和 FromGroup 不同,他只是单纯的更新 FromControle 实例对象中的 value 值。 value 相当于表单实际值,还记得先前HTML中的 formControlName 就是将实例与DOM产生联系,这也就是为什...
Below is the code for reference toggleControls(show: boolean, formMeta: object, data?: { [key: string]: string }) { Object.keys(formMeta).forEach((formName) => { if (!show) { this.form.removeControl(formName); return; } this.form.addControl(formName, formMeta[formName]); this....
submitForm() {// 如果不符合提交,则报错if(!this.validateForm.valid) { Object.values(this.validateForm.controls).forEach((control: any) => {if(control?.invalid) { control?.markAsDirty(); control?.updateValueAndValidity({ onlySelf:true}); ...
[Validators.required]]})}}submitForm() {// 如果不符合提交,则报错if(!this.validateForm.valid) {Object.values(this.validateForm.controls).forEach((control: any) => {if(control?.invalid) {control?.markAsDirty();control?.updateValueAndValidity({ onlySelf: true });}})return}// 获取到表单...