AngularJS Paging-Widget Prototype

http://angularjs.org/

by programmieraffe

HTML

<script src="http://code.angularjs.org/angular-0.9.19.min.js" ng:autobind></script>

<!-- AngularJS Example Code: -->

<script type="text/javascript">
    angular.widget('my:paging', function(compileElement){
    
    compileElement.css('display', 'block');
    
    var total = compileElement.attr('total');
    var itemsPerPage = compileElement.attr('itemsPerPage');
    
    function numPages(){
    console.log('numPages');
    return Math.ceil(total/itemsPerPage);
    }
    
    var pages = numPages();
    
    
    return function(newElement){
    
    this.clickNav = function(){
    console.log(clickNav);
    }
    
    console.log('newElement return',newElement);
    
    newElement.append('test');
    newElement.append('<ul ng:click="clickNav()">');
    for(var i = 0; i < pages; i++)
    {
    newElement.append("<li>"+i+"</li>");
    }
    newElement.append('</ul>');
    
    
    };
    });
 </script>
    
    
    <my:paging itemsPerPage="2" total="20"></my:paging>