AngularJS ng-include

HTML

<div ng-controller="mainCtrl">
    <div ng-include="'template.html'" ng-init="testInit='initvariable'" onLoad="testLoad='loadvariable'"></div>
  </div>
  
<!-- template -->
<script type="text/ng-template" id="template.html">
   <div ng-controller="secondCtrl">
       <div ng-repeat="message in messages">{{ 'Message ' + $index + ': ' + message }}</div>
    </div>
</script>

JavaScript

function mainCtrl($scope)
{
        $scope.messages = [];
    
    $scope.messages.push('1testInit: ' + $scope.testInit);
    $scope.messages.push('1testLoad: ' + $scope.testLoad);
    $scope.$watch('testInit', function (value) {
        $scope.messages.push('1watch testInit: ' + value);
    });
    $scope.$watch('testLoad', function (value) {
        $scope.messages.push('1watch testLoad: ' + value);
    });

}

function secondCtrl($scope)
{

}