Angular js $window.open not working in .success for mobile browser

Question

I'm working with Angularjs and I got a problem. The function $window.open(/somewhere) works perfect on pc browsers and mobile browser. But there's 1 case it doesn't work. Please help to look below:

 $window.open("https://www.myurl.com");  // OUTSIDE OF REQUEST - no problems 

 $https({
    type: "GET",
    url: "backendURL",
    data: jsonData,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
        $window.open("https://www.myurl.com");  //This doesn't work. 
    },
    error: function(msg) {
        //alert(error);
    }
});

Note that this is just happen with mobile browser : chrome and safari (I didn't test for others) So I think maybe someone has experience with this. Please please please help and advise.

Thanks ...

What is with `$window`?? Pop Up blocker is probably blocking it. — epascarello, Jan 07 '16 at 01:57
hi bro, I already turn off the Pop up blocker :( still not work :( as I said, out side the request, it works perfect :( but inside, can not :( — Lại Công Thành, Jan 07 '16 at 03:10
I'm also facing the same issue right now. I got this very same issue in $.ajax request in normal javascript and got it fixed, but for angular I don't how to fix it. Tried the same way I do to normal js, didn't work. — Carrie, Jan 12 '16 at 19:52

score 3 · Accepted Answer · answered Jan 12 '16 at 20:36

3

I found this solution online, hope it will help you. do var win = window.open(); before the callback function, then inside .success, change url by doing win.location = url;. This should do the trick.

answered Jan 12 '16 at 20:36

Carrie

480
3
10
25

Thanks Yabin. This is a nice idea. I tried but doing win.location = url; doesn't work :( – Lại Công Thành Jan 13 '16 at 07:08
It works for me, can you post the code which doesn't work? Maybe there's some syntax error. – Carrie Jan 13 '16 at 16:52
In the demo, you are using ajax instead of http get. In ajax, there's a different way to solve this issue, I modified your javascript, please check here, it's working now: http://codepen.io/anon/pen/JGrbjr – Carrie Jan 15 '16 at 15:35
@LạiCôngThành have u checked it? – Carrie Jan 25 '16 at 16:26
Hi Yabin. I checked. it's awesomeee. Thank you so much ^____^ – Lại Công Thành Jan 27 '16 at 15:15

score 1 · Answer 2 · answered Aug 01 '17 at 19:50

I think the overarching problem has to do with the "this" scope in JavaScript. If you are able to use arrow functionsfrom the ES6 version of JavaScript you can simply do

success: (msg)=>{
  $window.open("https://www.myurl.com");
}

I imagine most people will not have this option. In which case you can do something similar to what Yabin suggested:

//somewhere else in code.
var scopedWindow = $window;
//
success: function(msg){
  scopedWindow.open("https://www.myurl.com"); 
}

Angular js $window.open not working in .success for mobile browser

2 Answers2