Я использую модуль mgcrea.ngStrap.typeahead, который я включаю с
var app = angular.module("foo", ["ng", "mgcrea.ngStrap", "mgcrea.ngStrap.typeahead"]);
и
<script src="Scripts/angular-strap.min.js" type="text/javascript"></script>
<script src="Scripts/angular-strap.tpl.js" type="text/javascript"></script>
Когда я его использую, он показывает список совпадений, таких как
Когда я выберу элемент, результат станет основным идентификатором для этого определенного клиента, который я, конечно, не хочу выводить.Вот как будет выглядеть текстовое поле впоследствии.
Как сохранить текст, но иметь идентификатор модели?
HTML выглядит как
<input type="text" class="form-control" ng-model="customer"
data-animation="am-flip-x" bs-typeahead
bs-options="item.id as item.name for item in autcompleteCustomers($viewValue)">
JS
$scope.autcompleteCustomers = function(input)
{
var data = { term: input };
return $http.post("AutoCompleteCustomers", data)
.then(function(response)
{
return response.data;
});
};
Бэкэнд предоставляет данные, как это: