UI выбрать угловой с отключенным поиском всплывает клавиатура на мобильных устройствах

Question

Я использую тему выбора 2 для бутстрапа для углового.

По умолчанию он имеет встроенный «поиск», который фильтрует строки параметров. Мне не нужна эта строка, поэтому я ищу в Интернете решения. Общим решением является ng-disabled, который отлично подходит для некоторых браузеров, но все же всплывает клавиатура на мобильных телефонах.

Я использовал «вернуть ложный» метод, как описано в этом plunker: http://plnkr.co/edit/jE0qBpewzvHG5oamB7vQ?p=preview&s=TIKKc2Zmyq5lcvXI

Но когда я открываю его на мобильный (LG g2 на хром) У меня есть две проблемы:

1. Клавиатура выскользнула.

2. Я могу напечатать (как ни странно, я не могу ввести английский язык еще можно ввести иврит)

код, как описано на pluker:

<ui-select multiple ng-model="multipleDemo.colors" onkeypress="return false;" theme="select2" ng-disabled="disabled" style="width: 300px;"> 
<ui-select-match placeholder="Select colors..."> 
    <span ng-if="!disabled">{{$item}}</span> 
    <span ng-if="disabled"> 
    <a class="glyphicon glyphicon-remove" ng-click="$select.removeChoice($index)" tabindex="-1"></a> 
    {{$item}} 
    </span> 
</ui-select-match> 
<ui-select-choices repeat="color in availableColors | filter:$select.search"> 
    {{color}} 
</ui-select-choices> 

Я не хотите, чтобы клавиатура выскочила, и я не хочу, чтобы пользователь вводил текст.

Это не воспроизводится в браузере для родных браузеров, а только в Chrome.

Answer 1

В конце концов, я объединил несколько решений - тот, который помог больше всего - html-mobile-forcing-the-soft-keyboard-to-hide

Теперь мой выбор выглядеть следующим образом:

<ui-select 
ng-model="multipleDemo.colors" 
onkeypress="return false;" 
theme="select2" 
ng-disabled="disabled" 
onfocus="blur();" > 
. 
. 
</ui-select>