Angular8表单内置API间谍
时间:2023-04-05 15:39:25
HTML5
创建formControl实例来跟踪单个表单控件的值和验证状态
从'@angular/core'导入{Component,OnInit};从'@angular/forms'导入{FormControl,Validators};@Component({selector:'app-创建表单',templateUrl:'./create-form.component.html',styleUrls:['./create-form.component.scss']})exportclassCreateFormComponentimplementsOnInit{projectName:FormControl;constructor(){}ngOnInit(){this.projectName=newFormControl('123');}}上面的输入控件绑定了一个formControl类型的初始值,没有添加任何校验规则,使用内置的API来添加规则、校验等操作。projectNameValidate(){//清除现有验证器this.projectName.clearValidators();//添加新的验证器this.projectName.setValidators([Validators.required]);this.projectName.updateValueAndValidity();}
Validation