Виртуальная клавиатура с автозаполнением по форме

Question

Используя AngularJS.

Я хочу добавить виртуальную клавиатуру в мою форму. Поэтому я попытался использовать клавиатуру. В настройках они объясняют использование поля ввода или текстовой области. Тем не менее, так как я использую автозаполнение с <md-autocomplete> из углового материала, у меня нет поля ввода. Поэтому я попытался связать событие открытия клавиатуры с этим тегом. Работа открытия, однако при попытке ввода возникает следующая ошибка:

Uncaught TypeError: k.createTextRange не является функцией

Такая же ошибка возникает при помещении идентификатора в поле формы.

Я также попытался поместить скрытое поле ввода за тегом автозаполнения и скопировать значение ввода после завершения ввода. Однако, дело здесь в том, что я как бы теряю функцию автозаполнения, когда просто копирую ввод после завершения ввода (автозаполнение должно работать и при наборе текста).

Итак, сейчас мой код таков, когда я пытаюсь использовать тег формы с идентификатором клавиатуры:

<form ng-submit="mmsiSearch()" id="keyboard" ng-click="showKeyboard()" layout="row" layout-align="center">
                    <md-autocomplete
                        required = ""
                        md-autofocus="true"
                        md-input-name="autocompleteField"
                        md-input-minlength="2"
                        md-input-maxlength="20"
                        md-no-cache="noCache"
                        md-search-text="shipSearchValue"
                        md-items="item in search(shipSearchValue)"
                        md-item-text="item"
                        flex="80">
                      <md-item-template>
                        <span md-highlight-text="shipSearchValue">{{ item }}</span>
                      </md-item-template>
                      <md-not-found>
                        No matches found.
                      </md-not-found>
                    </md-autocomplete>
                    <md-button type="submit" flex="20">
                      Search
                    </md-button>
                  </form>

Итак, мой вопрос сейчас, кто-нибудь знает, как использовать виртуальную клавиатуру с опцией md-autocomplete. Если вы попробовали другие библиотеки, клавиатура не должна быть директивой, как тогда multiple directive error происходит. Я открыт для любой другой библиотеки, если она работает. Спасибо!