Angular: ng-include ng-repeat

http://angularjs.org/

by Kamal Kumawat

HTML

<div>
<script type="text/ng-template" id="/toBeIncluded.html">
    This is a partial with something unique:
    <span ng-click="log(partialVar)">{{partialVar}}</span>
    
</script>

    <div ng-controller="MyCtrl" ng-repeat="partialVar in partialStuff">
        <div ng-include src="'/toBeIncluded.html'"></div>
    </div>
</div>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.partialStuff = [ 'p1', 'p2', 'p3' ];
		$scope.log = function (p){
    	alert(p)
    }
}

function sampleController($scope) {
    
}