ngRepeat InnerHTML

How to get the FULL InnerHTML of an AngulaJS ngRepeat

HTML

<script src="http://code.angularjs.org/1.1.1/angular.min.js"></script>
<div ng-controller="testController" id="app">
    <div id="test"></div>
</div>

JavaScript

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

testapp.controller('testController', ['$scope', '$window', '$compile', '$timeout', function ($scope, $window, $compile, $timeout) {
    $scope.arr = [1, 2, 3, 4];
    

    var html = $compile('<p ng-repeat="el in arr">{{el}}</p>')($scope);
    document.getElementById('test').appendChild(html[0]);
    
    $timeout(function() {
        var html = document.getElementById('test').innerHTML;
        console.log(html);
    });
}]);