Angular JS UI Bootstrap Typeahead

У меня проблема с расширением Angular JS UI Bootstrap.

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

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

Я ценю вашу помощь!

HTML-страница:

<pre>{{productsearchs | json}}</pre>
<input type="text" class="form-control" placeholder="Which product?" ng-model="selectedProduct" typeahead="productsearch as productsearch.name for productsearch in searchProduct($viewValue)">

Угловой контроллер:

// ## Suchen von Produkten nach User Eingabe
$scope.searchProduct = function (val) {
    var productsearch = Product.query({name: val}, function () {
        return $scope.productsearch = productsearch;
    });
}

Что я вижу в интерфейсе:

http://i.stack.imgur.com/14mhk.png




Ответы (1)


Я нашел решение здесь, в Stackoverflow, в сообщении JustMaier есть решение - надеюсь, это поможет всем остальным.

Как заполнить Angular UI Bootstrap Typeahead с помощью новейший ресурс $

person Kevin Koch    schedule 30.06.2015