Не удалось вызвать фабричный метод с использованием Angular.js

Question

Я получаю сообщение об ошибке при попытке вызвать фабричный метод с помощью Angular.js. Я объясняю мой код ниже.

Ошибка:

TypeError: focusInputField.hoverIn is not a function

Код моего контроллера приведен ниже.

var customerNew=angular.module('Spesh');
customerNew.controller('adminCustomerNewController',function($http,$state,$scope,$window,$timeout,Upload,focusInputField){
  $scope.hoverIn=function(id){
      focusInputField.hoverIn(id);
  }
  $scope.hoverOut=function(id){
    focusInputField.hoverOut(id);
  }
})
customerNew.factory('focusInputField',function($timeout, $window) {
    return{
        borderColor:function(id){
             $timeout(function() {
                 var element = $window.document.getElementById(id);
                 if(element){
                      element.focus();
                      element.style.borderColor = "red";
                 }
             });
        },
        clearBorderColor:function(id){
            $timeout(function() {
                var element = $window.document.getElementById(id);
                 if(element){
                     element.style.borderColor = "#cccccc";
                 }
            });
        },
    hoverIn:function(id){
      $timeout(function() {
        var ids='#'+id;
        $(ids).css("cursor","pointer");
        $(ids).animate({width: "100px"}, 'slow');
      });
    },
    hoverOut:function(id){
      $timeout(function() {
        var ids='#'+id;
        $(ids).animate({width: "32px"}, 'slow');
      });
    }
    };
});

Здесь я получаю сообщение об ошибке при вызове обеих функций (i.e-hoverIn,hoverOut). Пожалуйста, помогите мне решить эту ошибку.