SuperAPI AI 工具集

angular-forms

前端与建站

查看项目

更新于 10-16 03:38

技能介绍

用途:在 Angular v21+ 中使用新的 Signal Forms API 构建类型安全、响应式的表单,支持自动双向绑定、基于 schema 的验证和响应式字段状态。

主要能力:以可写 signal 作为表单模型的唯一数据源,通过 form() 创建表单并访问嵌套字段;字段提供 valid、invalid、errors、pending、touched、dirty、disabled、hidden、readonly、value 等响应式状态;表单层聚合状态;内置 required、email、min、max、minLength、maxLength、pattern 等校验器,以及自定义校验、跨字段校验、异步校验(validateHttp);支持条件校验(when)、隐藏/禁用/只读字段、数组与动态字段(applyEach)、表单提交(submit)、错误展示与表单重置。

使用方式:从 @angular/forms/signals 导入 form、FormField 及各校验器;用 signal() 定义模型,用 form(model, schemaPath => {...}) 定义校验;模板用 [formField] 绑定字段;提交时可用 submit() 标记所有字段已触碰并执行回调。

限制:Signal Forms 在 Angular v21 中为实验性,稳定性要求高的生产应用可参考 references/form-patterns.md 中的 Reactive Forms 模式。关于收费、价格、具体平台支持与效果,资料暂未提供。