AngularJs - Apri l'url nella nuova scheda

Question

Ho un'applicazione con una pagina pubblica e una pagina di amministrazione. Vorrei aprire la pagina di amministrazione in una nuova scheda dopo l'accesso. Ho provato questo, dopo che il login ha avuto successo, ma senza alcun effetto. La pagina pubblica (dove è il login) è appena in fase di ricarica:

var url = $state.href('/admin/overview'); 
$window.open(url, '_blank'); 

Qualsiasi consiglio sarebbe apprezzato. Grazie.

Answer 1

Ecco una JSFiddle di lavoro, si deve iniettare $window prima di poter utilizzare:

JS:

angular.module('myApp', []) 
    .controller('dummy', ['$scope', '$window', function ($scope, $window) { 
    $scope.redirectToGoogle = function() { 
     $window.open('https://www.google.com', '_blank'); 
    }; 
}]); 

HTML:

<div ng-app="myApp" ng-controller="dummy"> 
    <a ng-href="" ng-click="redirectToGoogle()">Hello</a> 
</div> 

Answer 2

Ecco un altro lavoro JSFiddle

HTML:

<div ng-controller="MyCtrl"> 
<a ng-href="{{url}}" target="_blank">Visit jsfiddle</a> 
</div> 

JS:

var myApp = angular.module('myApp',[]); 
function MyCtrl($scope) { 
    $scope.url ='http://jsfiddle.net/HB7LU/16771/'; 
} 

Answer 3

È possibile avere una direttiva per fare questo per voi.

directives.redirect = function ($location, $window, $rootScope) { 
 
    return { 
 

 
     link: function (scope, element, attrs) { 
 
      element.on("click", function() { 
 
       if (!attrs.newwindow || attrs.newwindow == false) { 
 
        $location.path(attrs.redirect); 
 
        scope.$apply(); 
 
       } 
 
       else { 
 
        var baseUrl = $location.$$absUrl.toString().substring(0, decodeURIComponent($location.$$absUrl).toString().indexOf($location.$$path.toString(), $location.$$absUrl.toString().indexOf("#")) + 1) + attrs.redirect; 
 
        $window.open(baseUrl); 
 
       } 
 
      }); 
 
     } 
 
    } 
 
}

E in HTML, è possibile utilizzare il seguente per aprire in una nuova scheda:

<a redirect="/admin/overview" newwindow="true">Open in new tab</a>