एंगुलरजेएस - नए टैब में यूआरएल खोलें

Question

मेरे पास एक सार्वजनिक पृष्ठ और एक व्यवस्थापक पृष्ठ के साथ एक आवेदन है। लॉगिन के बाद मैं एक नए टैब में व्यवस्थापक पेज खोलना चाहता हूं। लॉगिन करने के बाद, मैंने इसका प्रयास किया है, लेकिन इसका कोई प्रभाव नहीं है। सार्वजनिक पृष्ठ (जहां लॉगिन है) बस पुनः लोड किया जा रहा है:

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

किसी भी सुझाव की सराहना की जाएगी। धन्यवाद।

जे एस:

Answer 1

यहाँ एक काम कर JSFiddle है, तो आप $window इंजेक्षन करने से पहले आप इसे उपयोग कर सकते हैं

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

यहाँ एक और काम कर रहा है JSFiddle

एचटीएमएल:

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

जे एस:

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

Answer 3

आप आपके लिए यह करने के लिए एक निर्देश हो सकता है।

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

और HTML में, आप एक नए टैब में खोलने के लिए निम्न का उपयोग कर सकते हैं:

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