angular-signals-forms

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Angular Signal Forms

Version: Angular 19+ (2025) Tags: Signal Forms, Reactive Forms, Signals

References: Signal Forms

版本： Angular 19+ (2025) 标签： Signal Forms, 响应式表单, Signals

参考资料： Signal Forms

Best Practices

最佳实践

Use signal-based FormControl

import { signal } from '@angular/forms';

@Component({})
export class MyComponent {
  name = signal('');
  
  updateName(value: string) {
    this.name.set(value);
  }
}

Use withValidators

email = signal('', {
  validators: [Validators.required, Validators.email]
});

Use withAsyncValidators

username = signal('', {
  asyncValidators: [uniqueUsernameValidator]
});

使用基于signal的FormControl

import { signal } from '@angular/forms';

@Component({})
export class MyComponent {
  name = signal('');
  
  updateName(value: string) {
    this.name.set(value);
  }
}

使用withValidators

email = signal('', {
  validators: [Validators.required, Validators.email]
});

使用withAsyncValidators

username = signal('', {
  asyncValidators: [uniqueUsernameValidator]
});