angolare uiRouter stato aperto in una nuova finestra o scheda con stateParams

Question

Quello che voglio fare è seguito in, ma in una nuova scheda o la finestra nuova:

$state.go('studentsReport', { 
     type: $scope.report.type, // string 
     selectedStudents: $scope.selectedStudents // array of strings 
}); 

Se l'ho fatto:

var link = $state.href('studentsReport', { 
     type: $scope.report.type, 
     selectedStudents: $scope.selectedStudents 
}); 

window.open(link, '_blank');` 

I perderebbe i parametri.

Con i migliori saluti, Marcel

Answer 1

Si dovrebbe cercare di utilizzare questo:

/* @ngInject */ 
function SomeCtrl ($state, $window) { 
    $window.open($state.href('stateName', {}, {absolute: true}), '_blank'); 
} 

Nota: il /* ngInject */ facilita la dipendenza automatica iniezione annotazione se si utilizza ng-annotate (disponibile in cli, gulp e grunt aromi)

Answer 2

utilizzare ng-clic sul tag di collegamento e chiamare una funzione. in funzione inserisci i tuoi parametri in LocalStorage. poi in app.run usa $ rootScope. $ on ("$ stateChangeStart") e controlla se localstorage ha parametri get e chiama $ state con params.

//in page controller: 
 
var openNewTab = function() {     
 
        localStorage.newTab = JSON.stringify({ 
 
         state: "yourState", 
 
         params: { 
 
          param1: "someparam1", 
 
          param2:"someparam2" 
 
         } 
 
        });     
 
        window.open(document.location.origin); 
 
         
 
       } 
 
    
 
//angular app run config: 
 
angularApp.run(function($state){ 
 
if(localStorage.newTab){ 
 
    var newTab = JSON.parse(localStorage.newTab); 
 
    localStorage.removeItem("newTab"); 
 
    $state.go(newTab.state, newTab.params); 
 
    event.preventDefault(); 
 
} 
 
})

<a ng-click="openNewTab()" >open new tab</a>