Skip to content

Latest commit

 

History

History
executable file
·
86 lines (64 loc) · 2.71 KB

README.md

File metadata and controls

executable file
·
86 lines (64 loc) · 2.71 KB

@ngx-scroll-to-first-invalid

Angular directive to scroll to first invalid input inside a form on submit

LIVE DEMO
Demo example
Report bug · Request feature

Table of contents

Status

travis

Quick start

First you need to install the npm module:

npm i @ismaestro/ngx-scroll-to-first-invalid --save

1. Import the NgxScrollToFirstInvalidModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgxScrollToFirstInvalidModule } from '@ismaestro/ngx-scroll-to-first-invalid';

@NgModule({
  imports: [BrowserModule, NgxScrollToFirstInvalidModule],
  bootstrap: [AppComponent],
})
export class AppModule {}

2. Use the directive inside a form:

<form [formGroup]="testForm" ngxScrollToFirstInvalid>
  <input id="test-input1" type="text" formControlName="someText1" />
  <button (click)="saveForm()"></button>
</form>

Here there is an example using ngx-scroll-to-first-invalid here

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Creators

Ismael Ramos

Buy Me a Coffee at ko-fi.com

Copyright and license

Code and documentation copyright 2018-2023 the authors. Code released under the MIT License.

Enjoy 🤘