Angularjs $state.go open link in new tab

Question

My code looks something like this and there is data-ng-click for anchor tag.

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

I have tried

var url = $state.go('myroute', {parameter: "parameter"});
window.open(url,'_blank');

target="_blank"

But those are not working.

Is there any other way to do that using AngularJS?

Angular isn't AngularJS, use the correct tags next time please. — , Mar 13 '18 at 08:14
You may find the answer here [Angularjs $state.go open link in new tab](https://stackoverflow.com/a/51565518/1959948) — Dalorzo, Jul 28 '18 at 04:29

score 4 · Answer 1 · answered Mar 13 '18 at 09:04

4

I don't know what you tried, but here's a working example.

myApp.controller('HelloCtrl', function($scope, $state, $window) {
  $scope.newTab = function() {
   var url = $state.href('about');
   $window.open(url,'_blank');
  }
});

answered Mar 13 '18 at 09:04

Zooly

4,736
4
34
54

Hai @zooly thanks for the reply. I have tried that but it didn't work. – anil Mar 13 '18 at 09:14
Please can you provide more informations about your issue? I'm afraid that saying "It's not working" is not enough – Zooly Mar 13 '18 at 09:15
This is the html tag I have This is the js file: $scope.redirectTo = function(type, id) { $state.go('checkpreview', {a: id}); } @zooly – anil Mar 13 '18 at 09:21
You need to add `$window.open(,, '_blank');` – Zooly Mar 13 '18 at 09:39
$scope.redirectTo = function(type, id) { var url = $state.go('checkpreview', {a: id}); $window.open(url,'_blank'); } @zooly Yes added and tried.No luck. – anil Mar 13 '18 at 10:00
@anil, the working example is $state.herf, but your code used $state.go ... there are just two lines of code, man. – early Nov 06 '19 at 13:02

score 1 · Answer 2 · answered Apr 01 '20 at 07:14

I think the only problem with your solution is that you are using the wrong method on $state. Use $state.href instead of $state.go. That way $state will compile the URL for you and place in the variable url to use in the call to $window.open.

Correct code should be:

var url = $state.href('myroute', {parameter: "parameter"});
$window.open(url,'_blank');

Also, use $window instead of just window

score 0 · Answer 3 · answered Mar 13 '18 at 14:09

0

$state.go is working but you can use also $window.location.href = newUrl;

answered Mar 13 '18 at 14:09

Houssein Zouari

712
6
18

score 0 · Answer 4 · answered Apr 20 '20 at 19:29

0

Works for me :

href="{{$state.href(ng_state, {id : ng_id})}}" target="_blank"

answered Apr 20 '20 at 19:29

120DEV

805
10
8

Angularjs $state.go open link in new tab

4 Answers4