在Angular表单中,需要至少有两个表单组件:FormsModule和ReactiveFormsModule。
例如,一个包含输入框和提交按钮的表单,可以通过以下方式进行控制:
@Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent implements OnInit { registerForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() { this.registerForm = this.formBuilder.group({ username: ['', Validators.required], password: ['', [Validators.required, Validators.minLength(6)]] }); }
onSubmit() { if (this.registerForm.invalid) { return; } } }
这样,我们就可以创建一个具有验证和提交功能的表单。当表单中的任何一个表单组件无效时,提交按钮会被禁用。
上一篇:Angular表单选择和输入必填
下一篇:Angular表单验证