yon-yon-virtual-keyboard
v0.0.38
Published
Hello everyone, Our project provides a solution for displaying a virtual keyboard on the screen under the Angular platform ![Alt text](288179512-e7205426-46a5-47ff-b571-670e6b6a63d6.png) ## Development server
Downloads
9
Readme
Angular Virtual Keyboard
Hello everyone, Our project provides a solution for displaying a virtual keyboard on the screen under the Angular platform
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The application will automatically reload if you change any of the source files.
📦 Installation & Usage
1. npm install yon-yon-virtual-keyboard --save
2. adding yon-yon-virtual packaged in app module and import him:
import { VirtualKeyboardModule } from 'yon-yon-virtual-keyboard';
@NgModule({
declarations: [ ... ],
imports: [
CommonModule,
VirtualKeyboardModule
]
})
export class AppModule { }
3. Adding 'lib-VirtualKeyboard' element right to html code:
<p>We don't use with any validate and accept</p>
<lib-VirtualKeyboard [language]="'en'"></lib-VirtualKeyboard>
<p>We use with validate and accept</p>
<lib-VirtualKeyboard [language]="'he'" [validateCallBack]="validate" [acceptCallBack]="accept"></lib-VirtualKeyboard>
<p>We use with validateNumber and accept</p>
<lib-VirtualKeyboard [language]="'he'" [validateCallBack]="validateNumber" [acceptCallBack]="accept"></lib-VirtualKeyboard>
<p>With numeric</p>
<lib-VirtualKeyboard [language]="'num'" [validateCallBack]="validateNumber" [acceptCallBack]="accept"></lib-VirtualKeyboard>
<p>Custom Virtual Keyboard</p>
<lib-VirtualKeyboard [keyboardLayout]="custom_Keyboard"></lib-VirtualKeyboard>
<p>emoticons virtual keyboard</p>
<lib-VirtualKeyboard [language]="'emo'"></lib-VirtualKeyboard>
Further help
We would like to thank some of the fathers of the projects we are building on and for us they are the cornerstones.
- Rob Garrison The father of all virtual keyboards, With his code we defined the whole issue of keyboards layout and keys events.
- Francisco Hodge Our code is built on his code while performing analysis, modification and adaptation to the Angular platform