For the first time ever I am facing this issue and I am struggling a lot in trying to figure out why and how to fix it.

I have two services, service1 and service 2, but apparently, there's a circular dependency like this:

```
serv1 <- serv2 <- serv1

```

The services code is the following:

```
angular.module('service1', [])
.service 'serv1', ['$rootScope','$http','$location','serv2',
  function ($rootScope, $http, $location,  serv2){
    serv2.doMyOtherThing(...)
   }
]

```

and service2 is the following:

```
angular.module('service2', [])
.service 'serv2', ['$rootScope','$http','$location','serv1',
  function ($rootScope, $http, $location,  serv1){
    serv1.doMyThing(...)
   }
]

```

why is there a circular dependency? how do I solve this?

Each service is specific for something (serv1 variou utilities and serv2 array utilities) and I need to use the two together sometimes but it's currently not possible.

Thanks for any help