<input type="text" ng-model="course" uib-typeahead="item for item in getCourses($viewValue)" /> --- angular.module('app', ['ui.bootstrap']); $scope.getCourses = function (query) { var baseUri = 'https://area10.nwc.edu/NwcWebApi/nwc/Colleague/GetCourses'; return $http.get(baseUri + '?q=' + query).then(function (res) { var arr = []; for (var i = 0; i < res.data.length; i++) { arr.push(res.data[i].CRS_NAME); if (i >= 7) { break; } } return arr; });