1.0.0 • Published 2 years ago

bootstrap-reactive-form-controls v1.0.0

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

FormControls

This library was generated with Angular CLI version 13.1.0. This library helps you to boostrap your form controls creation for reactive forms

Code sample

This is an example of how to use the libray

After npm install just add the FormControlsModule to your app module imports

App component html

<lib-form-input type="'number'" formControlName="age"> <lib-form-label label="'location'"> <lib-form-input type="'text'" formControlName="location"> <lib-form-label label="'Comments'"> <lib-form-textarea row="5" formControlName="comment">

App Component

import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup } from '@angular/forms';

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: './app.component.scss' }) export class AppComponent implements OnInit{ inputForm!:FormGroup title = 'custom-formcontrol-library'; constructor(private fb:FormBuilder){}

ngOnInit(): void { this.inputForm = this.fb.group({ name:[], age:[], location: [], comment: [] }) } }