在图像的新选项卡中打开链接，单击角时没有弹出窗口阻止程序

Question

我已经在网页上的图像上设置ng-click。 在ng-click处理程序中，我使用

    ServiceData.getProductDetails(product).then(function(data) {
        $scope.url = data;
            var win = window.open($scope.url, '_blank');
            win.focus();
    });

    getProductDetails: function(product) {
        var promiseProductDetails;
        if (productDetailsArr[product.id] == undefined) {
            var ajaxUrl = productsByIDarray[product.id]['detailsview'];
            try {

                // $http returns a promise, which has a then function, which also returns a promise
                promiseProductDetails = $http.get(ajaxUrl).then(function(response) {
                    return response;
                });
            } catch(err) {
            }

            // Return the promise to the controller
            return promiseProductDetails;
        } else {
            var deferred = $q.defer();
            deferred.resolve(productDetailsArr[product.id][url]);
            return deferred.promise;
        }

    }

因此，单击会引发ajax调用，以获取用户应去的URL（目标URL是动态的）。 我已经使用角度承诺将ajax调用作为同步进行了。 这导致Web浏览器将其视为不可信，并阻止弹出窗口。 我不想将img标签与html标签锚定在一起。 我有什么选择可以避免弹出窗口阻止程序？

Answer 1

解决此问题的方法是将ajax调用移至用户与页面交互的较早点。