2015-08-25 13 views
11

Mam aplikację ze stroną publiczną i stroną administratora. Chciałbym otworzyć stronę administratora w nowej karcie po zalogowaniu. Próbowałem tego, po zalogowaniu się udało, ale bez skutku. Strona publiczna (gdzie się loguje) jest właśnie przeładowywana:AngularJs - Otwórz adres URL w nowej karcie

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

Wszelkie wskazówki byłyby mile widziane. Dziękuję.

+1

można odtworzyć błąd w skrzypcach i umieszczać link tutaj? –

+0

Niestety nie. Nie mogę dokładnie odtworzyć kodu w skrzypcach. To zbyt skomplikowane. – VictorB

+0

Czy "/ admin/overview" to nazwa trasy? ponieważ zgodnie z dokumentami nie można używać tej metody z URI (http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.$state). To może być część problemu. – Sphaso

Odpowiedz

21

Oto pracuje JSFiddle, trzeba wstrzyknąć $window zanim będzie można z niego korzystać:

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> 
+1

To działa ładnie, gdy korzystasz z zewnętrznego adresu URL (takiego, jaki podałeś), ale nie działa przy próbie użycia stanów routera (lub adresów URL). – VictorB

11

Oto kolejna praca 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/'; 
} 
1

można mieć dyrektywę zrobić to za Ciebie.

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); 
 
       } 
 
      }); 
 
     } 
 
    } 
 
}

I w HTML, można użyć następujących czynności, aby otworzyć w nowej karcie:

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

Oto działa przykład: https://jsfiddle.net/aniket_kulkarni/wdzjcgeL/ –

+0

Twoje rozwiązanie polega na wstawieniu # w _blank url. użyj tej lokalizacji $. $$ absUrl.split ('#') [0] + attrs.redirect; – PSA