После выбора элемента в раскрывающемся списке ввода в поле ввода отображается значение элемента (теперь значение связанной модели). Как мне использовать метку для входного значения. Есть ли здесь поддержка в директиве typeahead, которую я не вижу?
Мое выражение:
person.id as person.name for person in persons
Я также пытался использовать typeahead-input-formatter, но у него есть только свойство $model (value), а не метка.
Возможно, я использую typehead с несколько иными намерениями. Я понял, что лучшим подходом было бы привязать тип к свойству мусора (неиспользуемому) и использовать что-то вроде <input ... typeahead-on-select="realBinding = $item.id">
person.id as person.name for person in persons необходимо изменить на person as person.name for person in persons, что означает, что модель, которую мы используем с полем ввода, не та, которая содержит требуемый идентификатор. Нам нужно использовать другую переменную (realBinding, как в этом ответе), чтобы получить идентификатор.
- person Binod Kalathil; 15.08.2018
Я попробовал с вашим plnkr
вы можете изменить синтаксис для ввода, как показано ниже
> <input type="text" ng-model="userId" typeahead="person.name as
> person.name for person in persons | filter : $viewValue" />
typeahead="person.name as person.name for person in persons
изменить person.id на person.name.
это работает, дайте мне знать, если вы все еще сталкиваетесь с проблемой.
Измените свое выражение на person.name as person.name for person in person
Если вам нужно показать имя в раскрывающемся списке вместо идентификатора, а также после выбора имени, в модели вам нужно показать только имя. тогда вы можете использовать это выражение
person.name для человека в лице Здесь вам не нужно определять persion.id в вашем выражении.
это не так работает.
Ты можешь это сделать:
<input type="text" ng-model="name" placeholder="start typing..." typeahead-on-select="itemSelected($item, $model, $label)" typeahead="person.name for person in people">
Затем в вашем контроллере определите обратный вызов функции при выборе:
$scope.itemSelected = function(item, model, label){
$scope.user_id = item.id;
};
По сути, когда вы передаете объекты в typeahead, вы можете выбрать, какое значение отображать в текстовом поле, но не скрытый идентификатор. В отличие от элемента управления select текстовые поля не имеют значения, а метка — только значение.
