Виртуальная клавиатура с автозаполнением по форме
Используя 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
происходит. Я открыт для любой другой библиотеки, если она работает. Спасибо!