在 AngularJS 中使用多个数据集自动完成

【问题标题】：Autocomplete with multiple datasets in AngularJS在 AngularJS 中使用多个数据集自动完成
【发布时间】：2017-02-28 07:33:48
【问题描述】：

我有一个与jsfiddle 类似的自动完成功能但是对于我的自动完成，我希望它有多个类似于twitter typeahead 的数据集，但我不知道是否可以使用引导自动完成来获得多个数据集自动完成，如果可以，有人可以告诉我该怎么做吗？如果没有，那么你们中的任何人都可以告诉我应该如何在我的应用程序中实现 twitter 多个数据集的预先输入。谢谢。

这里是 jsfiddle link.

【问题讨论】：

标签： angularjs twitter-bootstrap autocomplete

【解决方案1】：

我假设您有一个 ajax 调用来填充这些数据集，因此我在这里使用超时来模拟 ajax 承诺。这就是我会按照你的要求做的：

    function myService($timeout) {
            var data1 = ["john", "bill", "charlie", "robert", "alban", "oscar", "marie", "celine", "brad", "drew", "rebecca", "michel", "francis", "jean", "paul", "pierre", "nicolas", "alfred", "gerard", "louis", "albert", "edouard", "benoit", "guillaume", "nicolas", "joseph"],
                data2 = [ 'xx','xxx','xxxx'];
            return {
                returnData : function() {
                   return $timeout(function() {},200).then(function() {
                        return [].concat(data1,data2);
                });
            }
      }
    }

    function DefaultCtrl($scope, myService) {
        myService().then(function(response) {
                $scope.names = response;
        });
    }

【讨论】：