Ng-repeat-custom

by Mayank Dixit

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="myCtrl">
      Hello {{ctrlTest}}
      <div my-dir>
          
      </div>
    </div>
</div>

JavaScript

angular.module('myApp',[]).
controller('myCtrl', function($scope){
    $scope.ctrlTest = "myCtrl"
    $scope.items = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,30,29,28,27,26,25,24,23,22,21]
}).
directive('myDir', function($document){
    return function(scope,elem, attr){
        for(var i=0; i<scope.items.length; i++){
            $(elem).append('<div>'+scope.items[i]+"</div>")
        }
    }
})