1.0.1 • Published 6 years ago

mm-virtual-keyboard v1.0.1

Weekly downloads
11
License
-
Repository
github
Last release
6 years ago

mm-virtual-keyboard

This project was generated with Angular CLI version 6.0.8.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

How to use

Install mm-virtual-keyboard from npm by running npm install mm-virtual-keyboard.
Add the module in your app.module.ts

import { NgVirtualKeyboardModule } from './ng-virtual-keyboard.module';

    <div class="row form-group">
      <div class="col-md-6">
        <label for="portuguese" class="control-label">Portuguese Search</label>
        <input 
        type="text" 
        name="portuguese" 
        class="form-control" 
        [(ngModel)]="portLang" 
        [(mmVirtualKeyboard)]="portLang" 
        [isKeyboardDirectiveActive]="true"
        [language]="'portuguese'"
        [search]="true"
        >
    </div>

Module Properties

  • mmVirtualKeyboard : Parent's property which you want to bind. It is two way binded.
  • isKeyboardDirectiveActive : To disable or enable keyboard. Either use a Boolean to set condition or set it true.
  • kboardType : Set layout of keyboard using this. Two types are available :
  • alphaNumeric -- Default and no need to set explicitly
  • numeric -- Only numeric values.
  • language --- Toggle keyboard languages, currently French, English and Portuguese.
  • search --- has different keys if it's a search keyboard, boolean value.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

virtual-keyboard

virtual-keyboard

virtual-keyboard