@sametcelikbicak/auto-focus
v0.0.8
Published
Auto focus directive for Angular projects
Downloads
18
Maintainers
sametcelikbicakReadme
Auto Focus
Auto focus directive for Angular projects. You can easily focus your input by using ngxAutoFocus directive.
Installation
npm i @sametcelikbicak/auto-focusUsage
Import AutoFocusModule in AppModule imports array
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { AutoFocusModule } from '@sametcelikbicak/auto-focus';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, AutoFocusModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}After that you can use auto focus ngxAutoFocus directive in template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Auto Focus Usage</title>
<style>
.container {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
}
input {
width: 300px;
margin: 1em;
height: 20px;
}
</style>
</head>
<body>
<div class="container">
<input placeholder="Auto focus directive does not use" />
<input ngxAutoFocus placeholder="Auto focus directive is using" />
</div>
</body>
</html>