mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
b8314bd340
This commit introduces an experimental version of a new signal-based forms API for Angular. This new API aims to explore how signals can be leveraged to create a more declarative, intuitive, and reactive way of handling forms. The primary goals of this new signal-based approach are: * **Signal-centric Design:** Place signals at the core of the forms experience, enabling a truly reactive programming model for form state and logic. * **Declarative Logic:** Allow developers to define form behavior, such as validation and conditional fields, declaratively using TypeScript. This moves logic out of the template and into a typed, testable schema. * **Developer-Owned Data Model:** The library does not maintain a copy of data in a form model, but instead read and write it via a developer-provided `WritableSignal`, eliminating the need for applications to synchronize their data with the form system. * **Interoperability:** A key design goal is seamless interoperability with existing reactive forms, allowing for incremental adoption. * **Bridging Template and Reactive Forms:** This exploration hopes to close the gap between template and reactive forms, offering a unified and more powerful approach that combines the best aspects of both. This initial version of the experimental API includes the core building blocks, such as the `form()` function, `Field` and `FieldState` objects, and a `[control]` directive for binding to UI elements. It also introduces a schema-based system for defining validation, conditional logic, and other form behaviors. Note: This is an early, experimental API. It is not yet complete and is subject to change based on feedback and further exploration. Co-authored-by: Kirill Cherkashin <kirts@google.com> Co-authored-by: Alex Rickabaugh <alxhub@users.noreply.github.com> Co-authored-by: Leon Senft <leonsenft@users.noreply.github.com> Co-authored-by: Dylan Hunn <dylhunn@gmail.com> Co-authored-by: Michael Small <michael-small@users.noreply.github.com> PR Close #63408
26 lines
625 B
Text
26 lines
625 B
Text
load("//tools:defaults.bzl", "ts_project", "zoneless_jasmine_test")
|
|
|
|
ts_project(
|
|
name = "test_lib",
|
|
testonly = True,
|
|
srcs = glob(["**/*.spec.ts"]),
|
|
deps = [
|
|
"//:node_modules/zod",
|
|
"//packages/common/http",
|
|
"//packages/common/http/testing",
|
|
"//packages/core",
|
|
"//packages/core/testing",
|
|
"//packages/forms",
|
|
"//packages/forms/signals",
|
|
"//packages/platform-browser",
|
|
"//packages/platform-browser/testing",
|
|
"//packages/private/testing",
|
|
],
|
|
)
|
|
|
|
zoneless_jasmine_test(
|
|
name = "test",
|
|
data = [
|
|
":test_lib",
|
|
],
|
|
)
|