2016-07-19 2 views
0

Я пытаюсь динамически отображать клавиатуру в ионном режиме без везения. У меня есть текстовое поле, какПоказать клавиатуру динамически в ионном

<input type="search" placeholder="Search" ng-change="onSearchChange()" ng-click="clicked()" ng-model="searchVal" id="MyField" ng-controller="searchCtrl" > 

в щелкнул функции я навигации на новую страницу как

$state.go("tabs.searchresult"); 

но нет клавиатуры на следующей странице. Я хочу показать клавиатуру на searchresult.

+0

Вы должны сосредоточиться на поле ввода на следующей странице. Таким образом, клавиатура будет отображаться автоматически. –

+0

он уже сосредоточился на нем (и если бы мне пришлось делать это динамически, как это сделать)? – nOmi

ответ

0

@nOmi: Как я понимаю.

  1. У вас на странице поиска есть окно поиска с id = MyField, после чего вы вводите ключевое слово. После нажатия на значок «Применить» или нажмите «Ввод», он перейдет на страницу результатов поиска.

  2. На странице результатов поиска у него также есть вход с id = MyField в верхней части с результатом ниже. И вы также хотите показать клавиатуру.

Если да, сделайте это.

$state.go('tabs.searchresult').then(function() { 
    $('#MyField').focus();//YOU WILL NEED JQUERY FOR THAT ONE. 
}); 

Если на странице результата поиска нет текстового поля. Вам нужно установить ionic keyboard plugin, чтобы динамически запускать клавиатуру шоу.

Сценарий будет

$state.go('tabs.searchresult').then(function() { 
    cordova.plugins.Keyboard.show(); 
}); 
+0

мое поле поиска находится в заголовке, оно одинаково на обеих страницах. Я попытался сосредоточиться на поле, поле было сосредоточено, но клавиатура не отображается. Я попробовал добавить плагин для клавиатуры, но это дает мне ошибку, которая не определена. Но cordova.js находится в моем файле index.html. – nOmi

+0

Итак, при изменении состояния результата поиска вход уже сфокусирован, но нет клавиатуры. Для плагинов для клавиатуры, где у вас возникла проблема и может дать мне немного подробностей? – trungk18

+0

Я добавил плагин и назвал метод show, как вы сказали в браузере, в нем говорится: «ReferenceError: cordova не определен». но cordova.js находится в index.html, а на устройстве ничего не делает. – nOmi