Angularjs $state open link in new tab

Question

I\'m trying to implement an \"open link in new tab\" function using $state.go function. It would be awesome if there was smth like:

$state.go(\'routeHere\',          


        

Answer 1

The best answered I found, was extending the ui.router, since the feature, does not exist build in. You may find the full detail here :

Extending the Angular 1.x ui-router's $state.go

However, here is my short explanation of what needs to be done add this to app.js or angular app init file:

angular.module("AppName").config(['$provide', function ($provide) {
    $provide.decorator('$state', ['$delegate', '$window',
        function ($delegate, $window) {
            var extended = {
                goNewTab: function (stateName, params) {
                    $window.open(
                        $delegate.href(stateName, params, { absolute: true }), '_blank');
                }
            };
            angular.extend($delegate, extended);
            return $delegate;
        }]);
}]);

In your code

You will be able to do:

$state.goNewTab('routeHere', { parameter1 : "parameter"});