Welcome to Ngx Urdu Input, an Angular directive that allows users to input Urdu text in text fields using a customized keyboard layout.
To integrate this directive into your Angular application, follow these simple steps:
-
Install the Package:
npm install ngx-urdu-input
-
Import the Module:
Import the
NgxInputUrduModule
into your app module:import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { NgxInputUrduModule } from 'ngx-urdu-input'; import { AppComponent } from './app.component'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, NgxInputUrduModule], bootstrap: [AppComponent], }) export class AppModule {}
-
Use the Directive:
Apply the
ngxInputUrdu
directive to your input field:<input ngxInputUrdu type="text" [(ngModel)]="urduText" />
By using the ngxInputUrdu
directive, users can conveniently input Urdu text in text fields.
Note: It may be necessary to adjust your app's styling to ensure proper rendering of Urdu characters.
This directive is an Angular adaptation of the original Vanilla JS plugin JavaScript-UrduTextBox developed by Naseem Amjad. The plugin has been transformed into an Angular directive by Muhammad Usman.
Find the source code for this project on GitHub.
This package is published on NPM under the name ngx-urdu-input
.
This project is licensed under the MIT License - see the LICENSE file for details.