在某些浏览器上将服务注入Controller

Question

I have a controller which uses the $location service in angular, however we only need to use it in HTML5 mode, if the browser doesn't support history.pushstate we want to omit the service from the controller so it doesn't rewrite the URL to /#/2016-17 and instead doesn't do any routing. However if you inject $location into a controller, it automatically routes using the hashbang method.

Code below for reference:

function SearchAdvancedController($location) {
    $location.url("/", false);
}

function config($locationProvider) {
    $locationProvider.html5Mode({
     enabled: true,
     rewriteLinks: false,
     requireBase: false
    });
}

Any ideas?

Thanks guys.

Answer 1

You should always be injecting the service into your controller, unless you want a lot of if..else conditions which check whether the service exists or not. The simple thing to do is to define your own service to change URLs, and conditionally have it do nothing:

module.service('MyLocation', function ($location) {
    this.url = function () {
        if (/* browser supports pushstate */) {
            $location.url.apply($location, arguments);
        }
    };
});

function SearchAdvancedController(MyLocation) {
    MyLocation.url('/', false);
}

You may want to play around with decorators for this purpose too.