Angular JS UI Bootstrap Typeahead

Question

I have a problem with the Angular JS UI Bootstrap extension typeahead.

I want to create a product search with the help of typeahead, but however I am struggling with displaying the result list.

I am able to return from a controller the query I make on my products with the entered value in my input field.

I appreciate your help!

HTML Page:

<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)">

Angular Controller:

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

What I see in the frontend:

https://i.sstatic.net/14mhk.png

Community · Accepted Answer · 2017-05-23 11:58:35Z

0

I found a solution here on Stackoverflow, in JustMaier's Post is the solution - hope that helps everyone else.

How to populate Angular UI Bootstrap Typeahead with newest $resource

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered Jun 30, 2015 at 20:18

Kevin Koch

213 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular JS UI Bootstrap Typeahead

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related