Angular JS UI Bootstrap 提前输入

Angular JS UI Bootstrap Typeahead

我的 Angular JS UI Bootstrap 扩展输入有问题。

我想借助 typeahead 创建产品搜索,但是我在显示结果列表时遇到困难。

我可以从控制器 return 使用输入字段中输入的值对我的产品进行查询。

感谢您的帮助!

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

Angular 控制器:

// ## 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

我在 Whosebug 上找到了解决方案,在 JustMaier 的 Post 中找到了解决方案 - 希望对其他人有所帮助。

How to populate Angular UI Bootstrap Typeahead with newest $resource