Angular JS UI Bootstrap Typeahead

Question

我的 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

Answer 1

我在 Stackoverflow 上找到了一个解决方案，在 JustMaier 的帖子中找到了解决方案 - 希望对其他人有所帮助。

How to populate Angular UI Bootstrap Typeahead with newest $resource