Typeahead (ui.bootstrap.typeahead)

https://angular-ui.github.io/bootstrap/#/typeahead

Courses Model: {{course}}

loading No Results Found
dependencies
  <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;
  });