Skip to content

ayaalshouha/template-driven-and-reactive-forms-angular

Repository files navigation

Forms

This project was generated with Angular CLI version 18.0.0.

Main Topics:

Template-Driven Form:

  • Registering Form Controls
  • Getting Access to the Angular-managed Form
  • Extracting User Input Values
  • Validating Input with Form Validation Directives
  • Using the Form Validation Status To Provide User Feedback
  • Interacting With The Underlying Form Object In The Component
  • Updating Form Values Programmatically

Reactive Form:

  • Syncing Reactive Form Definition & Template
  • Handling Form Submission
  • Adding Validators To Reactive Forms
  • Building Custom Validators
  • Creating & Using Async Validators
  • Interacting with the Form Programmatically
  • Connecting & Registering Inputs For A Complex Form
  • Working with Nested Form Groups
  • Working with Form Arrays
  • Creating Multi-Input Validators / Form Group Validators

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.