Socket
Socket
Sign inDemoInstall

@angular/forms

Package Overview
Dependencies
7
Maintainers
2
Versions
770
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@angular/forms

Angular - directives and services for creating forms


Version published
Maintainers
2
Weekly downloads
2,610,839
decreased by-7.58%

Weekly downloads

Package description

What is @angular/forms?

The @angular/forms package is a part of the Angular framework that provides tools for creating and managing forms in Angular applications. It offers two approaches: Reactive Forms and Template-driven Forms, which allow developers to handle user input and form validation in a robust and scalable way.

What are @angular/forms's main functionalities?

Reactive Forms

Reactive Forms provide a model-driven approach to handling form inputs whose values change over time. This feature allows for more flexible, scalable, and testable forms.

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

@NgModule({
  imports: [
    // other imports ...
    ReactiveFormsModule
  ],
})
export class AppModule { }

Template-driven Forms

Template-driven Forms are useful for adding simple forms to your app with minimal setup. They are less flexible than Reactive Forms but can be easier to use for basic scenarios.

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

@NgModule({
  imports: [
    // other imports ...
    FormsModule
  ],
})
export class AppModule { }

Form Validation

The package provides built-in validators as well as the ability to create custom validators, making it easy to implement complex validation logic for form fields.

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

let email = new FormControl('', [Validators.required, Validators.email]);

Form Groups

Form Groups are used to group together multiple form controls into one object, allowing for easier management of form data and validation.

import { FormGroup, FormControl } from '@angular/forms';

let userForm = new FormGroup({
  firstName: new FormControl(),
  lastName: new FormControl(),
  age: new FormControl()
});

Other packages similar to @angular/forms

Readme

Source

Angular

The sources for this package are in the main Angular repo. Please file issues and pull requests against that repo.

Usage information and reference details can be found in Angular documentation.

License: MIT

FAQs

Last updated on 20 Mar 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc