# Angular 2中获取表单控件的现有验证器及案例
Angular 2框架提供了强大的表单处理功能，包括验证器的支持。在开发过程中，有时我们需要获取表单控件的现有验证器，以便在运行时进行一些动态的操作。本文将介绍如何在Angular 2中获取表单控件的验证器，并通过实际案例演示。## 获取表单控件的验证器在Angular 2中，我们可以通过`get`方法来获取表单中的控件，然后使用`validator`属性获取控件的验证器。以下是一个简单的例子：typescriptimport { Component } from '@angular/core';import { FormBuilder, FormGroup, Validators } from '@angular/forms';@Component({ selector: 'app-root', template: ` `,})export class AppComponent { myForm: FormGroup; constructor(private fb: FormBuilder) { this.myForm = this.fb.group({ username: ['', Validators.required], }); } get usernameControl() { return this.myForm.get('username'); }}在上面的代码中，我们使用`FormBuilder`创建了一个包含用户名控件的表单。通过`get`方法，我们获取了用户名控件，并通过`usernameControl`属性引用。在模板中，我们使用了`*ngIf`指令来检查用户名控件是否有`required`验证错误，以动态显示错误信息。## 动态获取验证器有时候，我们需要在运行时获取控件的现有验证器，以便执行一些自定义逻辑。为此，我们可以使用`getValidators`方法来获取验证器的数组。以下是一个演示如何动态获取验证器的例子：typescriptimport { Component } from '@angular/core';import { FormBuilder, FormGroup, Validators } from '@angular/forms';@Component({ selector: 'app-root', template: ` `,})export class AppComponent { myForm: FormGroup; constructor(private fb: FormBuilder) { this.myForm = this.fb.group({ username: ['', [Validators.required, Validators.minLength(3)]], }); } get usernameControl() { return this.myForm.get('username'); } logValidators() { const validators = this.usernameControl.validator({} as any)['validators']; console.log('用户名控件的验证器：', validators); }}在上述代码中，我们定义了一个包含两个验证器的用户名控件。通过点击按钮，调用`logValidators`方法，我们可以在控制台中打印出用户名控件的验证器数组。通过上面的例子，我们学习了如何在Angular 2中获取表单控件的现有验证器。这为我们提供了在运行时处理表单验证的灵活性，使我们能够执行一些自定义的逻辑。希望这篇文章对你在Angular 2表单处理方面的开发工作有所帮助。