3

У меня есть < вход >, который использует Bootstrap typeahead with Angular UI directive. Отображение и выбор значений в раскрывающемся списке отлично работают.Поддерживает ли плагин AngularUI typeahead любое типизированное значение?

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

В приведенном ниже примере, когда я ввожу текст во вход, который не является параметром в массиве autocomplete.referrers, этот текст не привязывается к register.referrer.

Правильно ли я настроил вход?

<input type="text" 
    name="referrer" 
    ng-model="registration.referrer" 
    autocomplete="off" 
    typeahead="referrer for referrer in autocomplete.referrers | filter:$viewValue" 
    /> 

Возможно, ограничение на случайный ввод текста по дизайну?

Большое спасибо, если вы можете ответить на этот вопрос.

+0

вот ведут себя, как большинство Autocomplete в. см. jqueryUI, bootstrap и т. д. Могла бы создать директиву размытия, если необходимо очистить поле, если 'registration.referrer' равно null. Вот стартер для директивы: [demo] (http://plnkr.co/edit/H9Fg7OktwZy1lqEH3oPk?p=preview) – charlietfl

ответ

1

@reggoodwin это по-дизайн в текущей версии директивы машинописной: https://github.com/angular-ui/bootstrap/blob/929a46faa3a3eea3dec7ae8c1387f332eee9a9bc/src/typeahead/typeahead.js#L110

Обоснование такого поведения является то, что значения из автозаполнения должны выступать в качестве эталонных значений. Но я немного обдумывал это поведение, его можно было настроить. Не стесняйтесь открыть вопрос в https://github.com/angular-ui/bootstrap, чтобы обсудить больше.

+0

Спасибо pkozlowski.opensource для уточнения. Я открою проблему, поскольку редактируемые selects/combos/autocompletes полезны. Сокеты Ext JS позволяют изменять значение поля по умолчанию или установить для свойства editable значение false, чтобы принудительно выбрать выделение из раскрывающегося списка. – reggoodwin

+0

Новая проблема создана, спасибо. https://github.com/angular-ui/bootstrap/issues/269 – reggoodwin

+0

Отлично, thnx @reggoodwin! –

0

Добавление этой директивы как атрибут работал для меня:

<input typeahead-editable="false" > 
Смежные вопросы