использовать функцию фильтра используя http-запрос в угловом

Question

Я использую typeahead UI-bootstrap для фильтра поиска, теперь я использую данные от контроллера, но я хочу, чтобы данные из JSON использовались с помощью $ http. Но я не могу принимать данные из запроса $ http в функции фильтра.

текущий код

// Search Control 
vm.searchCtrl = ""; 
var searchitems = [{ 
     "name": "Adventure", 
     "category": "Activities" 
    }, { 
     "name": "Cycling", 
     "category": "Activities" 
    }, { 
     "name": "Local guided tours", 
     "category": "Activities" 
    }, { 
     "name": "Delux room", 
     "category": "Accommodations" 
    }, { 
     "name": "Super Delux room", 
     "category": "Accommodations" 
    }, { 
     "name": "Goa", 
     "category": "Destinations" 
    }, { 
     "name": "Bengaluru", 
     "category": "Destinations" 
    }]; 

    vm.getSearchitems = function (search) { 
     var filtered = filterFilter(searchitems, search); 
     var results = _(filtered).groupBy('category').map(function (g) { 
      g[0].firstInCategory = true; 
      return g; 
     }).flatten().value(); 

     return results; 
    } 

Но сейчас я хочу, как этот

$http.get('../assets/data/search.json').then(function (response) { 
    return vm.searchitems = response; 
}); 
vm.getSearchitems = function (search) { 
    var filtered = filterFilter(searchitems, search); 
    var results = _(filtered).groupBy('category').map(function (g) { 
     g[0].firstInCategory = true; 
     return g; 
    }).flatten().value(); 

    return results; 
} 

Но "searchitems" не получают.

Answer 1

Вы хотите использовать свою функцию только после того, как у вас есть данные из $ http. Поэтому переместите свой вызов в getSearchItems, чтобы он вызывался из $ http.

$http.get('../assets/data/search.json').then(function (response) { 
    return vm.getSearchitems(response); 
}); 
vm.getSearchitems = function (search) { 
    var filtered = filterFilter(searchitems, search); 
    var results = _(filtered).groupBy('category').map(function (g) { 
    g[0].firstInCategory = true; 
    return g; 
    }).flatten().value(); 
    return results; 
}