I keep getting the following error:

```
Cannot read property 'get' of undefined
    at Object.getChannelIdFromYoutubeUsername
    at Object.vm.creatorAccountCreationFormSubmit

```

Even though I am injecting $http into my service, and whenever I paste the url being passed into the $http.get command, I get an output in my browser window.

Here is my service:

```
angular.module('adsomaApp').service('YoutubeService', function($log) {

  var url = 'https://www.googleapis.com/youtube/v3';

  function getChannelIdFromYoutubeUsername(youtubeApi, youtubeUsername, $http) {
    var queryUrl = url + "/channels/?key=" + youtubeApi + "&forUsername=" + youtubeUsername + "&part=id";
    return ($http.get(queryUrl).then(handleSuccess, handleError));
  }

  function handleSuccess(response) {
    return response.data;
  }

  function handleError(response) {
    if (!angular.isObject(response.data) || !response.data.message) {
      return ($q.reject('An unknown error occurred.'));
    }
    return ($q.reject(response.data.message));
  }

  var youtubeService = {
    getChannelIdFromYoutubeUsername: getChannelIdFromYoutubeUsername
  };
  return youtubeService;
});

```

Here is my controller:

```
vm.channelId = {};

vm.creatorAccountCreationFormSubmit = function() {
  YoutubeService.getChannelIdFromYoutubeUsername(ConstantsService.youtubeSettings().youtubeApiKey, vm.connectYoutubeFormData.youtubeUsername).then(function(succ) {
    vm.channelId = succ;
    $log.info(vm.channelId);
  }, function error(err) {
    $log.error('Error: ', err);
  });
};

```