title: Why after adding $interval other call to funtions stop working?
body: <p>I'm working on an app developed by other people, I don't have any documentation or any way to contact them, and I have this problem:</p>
  
  <p>It's an angular application that need to be refreshed every minute, In other sections of the app, they are using $interval, but in this page if I try to use it, the calls to my WebAPI stop working and I recive this error:</p>
  
  <pre><code>WebApiFactory.getNoStatusOrders is not a function
  </code></pre>
  
  <p>I need your help to know why is this happening, here is my code:</p>
  
  <pre><code>angular.module('AssemblyLive').controller('overviewCarsWithoutStatus', [
  '$scope', '$rootScope', '$location', 'WebApiFactory', "$interval", 'StatusPointMonitorFactory',
  function ($scope, $rootScope, $location, $interval, WebApiFactory, StatusPointMonitorFactory) {
      ...
      var areas = {
          bodyShop1:"B000,B001,B020,B031,B200,B211,B220,B231,B300,B311,B320,B331,B370,B371,B375,B376,B380,B381,B383,B386,B390,B400,B401,B410,B420,B421,B425,B426,B430",
          bodyShop2: "B431,B435,B436,B440,B451,B500,B521,B540,B551,B553,B600,B750,B760,B770,B781,B783,B790,B791,B800,B811,B813,B900",
          paintShop1: "D000,D011,D012,D051,D100,D130,D131,D132,D151,D152,D230,D251,D252,D300,D351,D352,D360,D381,D390,D400,D451,D452,D470",
          paintShop2: "D471,D472,D481,D482,D500,D501,D531,D532,D540,D561,D562,D600,D620,D650,D670,D691,D692,D700,D731,D741,D750,D800,D812,D821,D822,D841,D842",
          assembly: "F000,F100,F150,F200,F250,F300,F350,F400,F450,F500,F550,F600,F650,F700,F750,F800,F850,F900"
      };
      ...
      //Start the creation of the overview.
      function initializeOverview() {
          $scope.counters = [];
          //Iterates over the configuration.
  
          //Get all the status to call the query.
          var status = $scope.headers.map(function(a) {return a.status.toString();});
          //Call to create the knrs b y area.
          getKNRWithoutStatus(status.toString());
  
  
          for(var status in areas){
              getCarsWithNoStatus(areas[status]);
          }
  
          getNoStatusCounters("B000,C000,D000,E000,E500,F000,F100,F950,G000,G900");
  
      }
      // Funtion to set the counters in the table headers
      function getNoStatusCounters(status) {
           WebApiFactory.getNoStatusOrdersCounter(status).then(function (resultData) {
              Object.getOwnPropertyNames(resultData.NoStatusOrders).forEach(function(name) {
      ...
      function getCarsWithNoStatus(status) {
          // Fetch all the counters from the WebAPI
          WebApiFactory.getNoStatusOrdersCounter(status).then(function (resultData) {
              ...
  
      function getKNRWithoutStatus(status) {
          var orders = [];
          //Query the status monitor.
          WebApiFactory.getNoStatusOrders(status).then(function(statusMonData) {
              ...
  
      /** To refresh data when the clock in the footer refresh. */
      $rootScope.$on('carsWithoutStatusOverview', function(){
          initializeOverview();
          $interval(initializeOverview, Config.dataRefreshInterval * 1000)
      });
  </code></pre>
  
  <p>Note: My page works perfectly without adding $interval</p>