http $interceptor $state properties for toState

Question

I currently have a httpInterceptor and I can access the current state name via:

$injector.get('$state').current.name

But what I want to get is the state it is going too and I can't find the property

$injector.get('$state').unknown // what is the **toState** property

to elaborate further, I'm using ionic and Im showing a loading indicator on the requests and it allows me to have the $ionicLoading in one spot

.factory('loaderInterceptor', ['$rootScope', '$injector', function ($rootScope, $injector) {
    return {
        request: function(config) {
            $rootScope.$broadcast('loading:show', $injector.get('$state').current.name);
            return config;
        },
        response: function(response) {
            $rootScope.$broadcast('loading:hide');
            return response;
        }
    };
}]) 

$rootScope.$on('loading:show', function(e, fromState) {
    var loadingOptions = {
        template: '<i class="icon ion-loading-c"></i>\n<br/>\nloading...',
    };

    if(fromState === 'login')
    {
        var loadingOptions = {
            template: '<i class="icon ion-loading-c"></i>\n<br/>\nSigning in...',
            animation: 'fade-in',
        };
    }

    $ionicLoading.show(loadingOptions)
});

$rootScope.$on('loading:hide', function() {
    $ionicLoading.hide()
});

I want to selectively change the loading indicators text based on the to and from states so I keep the $ionicLoading in one spot.