JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp'>
  <div ng-controller="myCtrl">
    <button ng-click="open()">Open</button>
    <https://jsfiddle.net/pankajparkar/vonncyn5/#updatebr>
    <button type="button" ng-click="focus()">Focus</button>
    <br/>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope, $window, $http) {
  var that = this;
  $scope.open = function() {
    that.myWin = $window.open('http://www.google.com', 'test');
  };
var promiseResolved=false;
function setIntervalFn (){
 var interval = setInterval(function() {
			console.log("calling",promiseResolved);
      if ($scope.promiseResolved) {
        console.log('Going to focu tab')
        clearInterval(interval);
        getFocus();
      }
    }, 1000);
}

function getFocus(){
var win = $window.open('', 'test');
win.focus();
}
  $scope.focus = function() {
    var promiseResolved = false;
   	setIntervalFn()
    $http.get('').then(function() {
      $scope.promiseResolved = true;
      console.log("I'm here");
    });
  };
});