InAppBrowser 传递回调函数

Question

我有一个 InAppBrowser 在我的应用程序中运行良好

$scope.openInAppBrowser = function (url) {
        var ref = window.open(encodeURI(url), '_blank', 'location=yes');
        ref.addEventListener('loadstop', function (event) {
            if (event.url.match("close")) {
                $scope.refreshGamePage = 1; // this variable is under watch in a directive
                ref.close();
            }           
        });
    }

这里是刷新页面的指令

module.directive('reloadPage', ['$http', function ($http) {
    return {
        restrict: 'A',
        link: function ($scope, element, attrs) {
             $scope.refreshPage = function () {
                if($scope.refreshGamePage ==1)
                    return true;
                else
                    return  false;
            };

            $scope.$watch($scope.refreshPage, function (v) {
                if (v) {
                    $scope.setGamePage(); // this function will contains code to refresh game page
                }
                });
            }       
        };
    }]);

但 loadstop 事件侦听器似乎无法更新范围变量。谁能帮我解决这个问题？

基本上我想在 InAppBrowser 关闭后立即刷新我的应用程序中的当前页面（InAppBrowser 从中打开的页面）。

我们将不胜感激任何更好的方法。

Answer 1

Just use angular $apply() method to change the value of angular variables because it is changed out of angularjs turn.

$scope.openInAppBrowser = function (url) {
        var ref = window.open(encodeURI(url), '_blank', 'location=yes');
        ref.addEventListener('loadstop', function (event) {
            if (event.url.match("close")) {
                $scope.$apply(function () {
                $scope.refreshGamePage = 1;
              });
                ref.close();
            }           
        });
    }

InAppBrowser 传递回调函数

InAppBrowser passing a callback function

angularjs

cordova

inappbrowser

cordova-plugins