mcpField
A
angular-signals-forms

angular-signals-forms

github.com/oguzhan18开发7178 次安装31 周前更新
代码仓库

关于 angular-signals-forms

面向 Angular 开发者的信号式表单参考技能，介绍基于信号的控件以及同步和异步验证方式。

主要功能

  1. 01基于信号的表单控件
  2. 02同步验证器
  3. 03异步验证器

适用场景

  1. 01将表单字段建模为信号
  2. 02验证必填项和邮箱格式
  3. 03异步检查用户名

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-signals-forms

安装后在 Claude Code 中输入/angular-signals-forms确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

详细介绍

Angular Signal Forms

版本： Angular 19+（2025 年） 标签： Signal Forms、响应式表单、Signals

参考： Signal Forms

最佳实践

  • 使用基于信号的 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]
});

评论

支持 Markdown