角2：验证器，ReactiveForms，FormBuilder和自定义类

Question

比方说，当你做出一个反应形式，你有这个类

export class User { 
    username = ''; 
    password = ''; 
} 

，你可以做这样的

this.userForm = this.fb.group({ 
    username: '' 
    password: '' 
}); 

或者，第二way

this.userForm = this.fb.group(new User()); 

我的问题与第二种方式一起使用：当您使用第一种方式时，您可以添加校验你控制这样

username: ['', Validators.required], 
password: ['', Validators.required] 

但与第二种方式，你怎么能添加校验器到窗体控件？

Answer 1

尽量

let control = this.form.controls["username"]; 
let newValidators = Validators.compose([Validators.required, Validators.minLength(8), Validators.maxLength(255)]) 
control.setValidators(newValidators); 
control.updateValueAndValidity();