javascript - Angularで宣言された子ウィンドウからメインウィンドウで関数を呼び出す

Question

この問題は私を夢中にさせ、何時間も解決策を見つけることができませんでした。私はあなたたちがそれで私を助けることができると信じています.

私のcontroller.jsファイルには、私のページに関するすべての情報を含むコントローラーがあります。このページにはボタンがあり、新しいポップアップウィンドウで同じページが開きます。ユーザーがポップアップページのボタンをクリックすると、メインウィンドウで関数を呼び出そうとしています。

私のcontroller.js：

.controller('rackLayoutController', ['$scope', 'appService', 'rackLayoutService', 'siteService', '$location', '$log', '$sanitize', '$window', '$timeout',
function ($scope, appService, rackLayoutService, siteService, $location, $log, $window, $timeout) {

$( window ).ready(function() {
    function refreshPopout(){
        $(window).ready(function(){
            console.log("readyyyyy");
            setTimeout(function () {

                window.location.reload();

            }, 1000);

            });
        }
    });

    $scope.$on('updateRack', function () {
        console.log("BROAD 1");
        window.opener.refreshPopout();    

    })

ユーザーがボタンをクリックすると、私が呼び出しbroadcast updateRackて印刷してlogいますが、機能は機能していません。

エラーが発生しています：

TypeError: Object [object global] has no method 'refreshPopout'

ありがとう