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

使用AngularJS中的多个数据集自动完成,angularjs,twitter-bootstrap,autocomplete,Angularjs,Twitter Bootstrap,Autocomplete,我有一个工作的自动完成,它类似于这个jsfiddle 但是对于我的autocomplete,我希望它有多个类似的数据集,但我不知道是否可以使用引导autocomplete获得多个数据集autocomplete,如果可以,有人可以告诉我如何做到,如果没有,那么,你们中的任何一位可以告诉我,我应该如何在我的应用程序中实现twitter多数据集typeahead吗。多谢各位 这里是jsfiddle我假设有一个ajax调用填充这些数据集,因此我在这里使用timeout来模拟ajax承诺。这就是我将如何满

我有一个工作的自动完成,它类似于这个
jsfiddle
但是对于我的autocomplete,我希望它有多个类似的数据集,但我不知道是否可以使用引导autocomplete获得多个数据集autocomplete,如果可以,有人可以告诉我如何做到,如果没有,那么,你们中的任何一位可以告诉我,我应该如何在我的应用程序中实现twitter多数据集typeahead吗。多谢各位


这里是jsfiddle

我假设有一个ajax调用填充这些数据集,因此我在这里使用timeout来模拟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;
        });
    }