title: How to use 'ng-virtual-keyboard' in Angular 6?
body: <p>I am trying to integrate <strong>ng-virtual-keyboard</strong> in my Angular6 project. But it's not working!!!</p>
  <p>Steps I do -</p>
  <ol>
  <li><code>npm install ng-virtual-keyboard</code></li>
  <li><code>npm install --save @types/virtual-keyboard</code> (this command mentioned in 'TypeScript' section of 'https://github.com/Mottie/Keyboard')</li>
  <li>Add <code>angular.min.js</code> and <code>jquery.min.js</code> script in Head tag of the index page.</li>
  </ol>
  <p>index.html -</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    ...
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <ol start="4">
  <li>Include <code>ng-virtual-keyboard</code> in app.module.ts (<strong>getting error - Cannot find module 'ng-virtual-keyboard'</strong>)</li>
  </ol>
  <p>app.module.ts -</p>
  <pre><code>...
  import { NgVirtualKeyboardModule } from 'ng-virtual-keyboard';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      NgVirtualKeyboardModule
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <ol start="5">
  <li><p>app.component.html -</p>
  <p><code>&lt;input type='text' ng-model=&quot;yourModel&quot; ng-virtual-keyboard/&gt;</code></p>
  </li>
  <li><p>app.component.ts -</p>
  <p><code>import { Component } from '@angular/core';</code></p>
  <p><code>@Component({...})</code></p>
  <p><code>export class AppComponent { }</code></p>
  </li>
  <li><p>angular.json -</p>
  <p><code>&quot;scripts&quot;: [&quot;./node_modules/ng-virtual-keyboard/dist/ng-virtual-keyboard.js&quot;]</code></p>
  </li>
  <li><p><strong>After clicking in the input box, nothing is happening.</strong></p>
  </li>
  </ol>
  <p>package.json -</p>
  <pre><code>{
      &quot;dependencies&quot;: {
          &quot;@angular/compiler&quot;: &quot;^6.1.10&quot;,
          &quot;@angular/core&quot;: &quot;^6.1.10&quot;,
          ...
          &quot;@types/virtual-keyboard&quot;: &quot;^1.26.1&quot;,
          &quot;ng-virtual-keyboard&quot;: &quot;^0.4.0&quot;,
          &quot;rxjs&quot;: &quot;~6.6.0&quot;,
          &quot;tslib&quot;: &quot;^2.0.0&quot;,
          &quot;zone.js&quot;: &quot;^0.8.28&quot;
      },
      &quot;devDependencies&quot;: {
          &quot;@angular-devkit/build-angular&quot;: &quot;^0.12.2&quot;,
          &quot;@angular/cli&quot;: &quot;^7.2.2&quot;,
          &quot;@angular/compiler-cli&quot;: &quot;^6.1.10&quot;,
          ...
          &quot;ts-node&quot;: &quot;~3.2.0&quot;,
          &quot;tslint&quot;: &quot;~5.7.0&quot;,
          &quot;typescript&quot;: &quot;^2.9.2&quot;
      }
  }
  </code></pre>
  <p>Reference URLs:-</p>
  <ol>
  <li><a href="https://www.npmjs.com/package/ng-virtual-keyboard" rel="nofollow noreferrer">https://www.npmjs.com/package/ng-virtual-keyboard</a></li>
  <li><a href="https://github.com/Mottie/Keyboard" rel="nofollow noreferrer">https://github.com/Mottie/Keyboard</a></li>
  </ol>
  <p>Please help.</p>