Angular JS UI Bootstrap Typeahead

时间:2015-06-27 16:38:33

标签: angularjs angular-ui angular-ui-bootstrap bootstrap-typeahead angular-ui-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 个答案:

答案 0 :(得分:0)

我在Stackoverflow上找到了一个解决方案,在JustMaier的Post中是解决方案 - 希望能帮助其他人。

How to populate Angular UI Bootstrap Typeahead with newest $resource