Angular print popup

by Hellfrom

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.8/angular.js"></script>
<my-widget config="'data'" ></my-widget>

JavaScript

var myApp = angular.module('myApp', []);

myApp.directive("myWidget", function ($compile) {
            return {
                restrict: "E",
                scope : {
                    prop: '=config'
                },
                template: "{{prop}}",
                link : function (scope){
                    var childScope = scope.$new();
                     console.log(scope);
                     console.log(childScope);
                    childScope.data = [1,2,3];
                    childScope.click = function ($index){
                         console.log($index);
                    }
                    
                    var element = $compile('<p ng-repeat="item in data" ng-click="click($index)">{{item}}</p>')(childScope);
                     console.log(element[0].innerHTML);
                    var popup = window.open(
                    	'', '_blank',
						'scrollbars=no,' +
						'menubar=no,' +
						'toolbar=no,' +
						'location=no,' +
						'status=no,' +
						'titlebar=no'
                    );
                    //document.body.appendChild(element[0]);
                    
                    popup.document.body.appendChild(element[0]);
                }

            };
        });