angular - Angular 2：验证器、ReactiveForms、FormBuilder 和自定义类

Question

假设你有这门课

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

当你制作一个反应形式时，你可以这样做

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

或者，第二种方式

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();