test.js

app.directive('projectLocator', function () {
    return {
        restrict: 'E',
        scope: {
        },
        templateUrl: '/partials/projectLocator.html',
        controller: function ($scope, $resource) {
            $scope.selectd = undefined;
            $scope.message = 'loading projects...';
            $resource('/teamcity/projects').query(function (result) {
                $scope.projects = result;
                $scope.message = '';
            });
        }
    };
});


<div class='container-fluid'>
    <p>Go to Project</p>
    <input type="text" value="{{message}}" ng-model="selected" typeahead="project.name for project in projects | filter: $viewValue">
</div>