AngularJS에서 팝업창 띄우기

mirinae.maru

■ 참고(복사) : AngularJS: Pass data to new Browser Popup Window from Controller example

로컬에서는 Blocked a frame with origin “null” from accessing a cross-origin frame. 에러 발생됨

■ 바닥창 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', [])
        app.controller('MyController', function ($scope, $window) {
            $scope.OpenPopupWindow = function () {
                var $popup = $window.open("Popup.htm", "popup", "width=250,height=100,left=10,top=150");
                $popup.Name = $scope.Name;
            }
        });
    </script>
    <div ng-app="MyApp" ng-controller="MyController">
        Name:
        <input type="text" ng-model="Name" />
        <br />
        <br />
        <input type="button" value="Open Popup Window" ng-click="OpenPopupWindow()" />
    </div>
</body>
</html>

■ 팝업창

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyChildApp', [])
        app.controller('MyChildController', function ($scope, $window) {
            $scope.Name = $window.Name;
        });
    </script>
    <div ng-app="MyChildApp" ng-controller="MyChildController">
        Name: <span ng-bind="Name"></span>
    </div>
</body>
</html>
AngularJS 팝업창