Konvertieren: It() Funktion jquery zu eckig

Question

Ich möchte diesen Code in eckig ändern, ich schreibe einen Teil des Codes, aber ich weiß nicht, was ich verwenden soll ersetzen von: It(). jQuery-Code ist in dieser url: jsfiddle.net

und mein Winkel Code ist dies:

x = 3; 
    $scope.itemsPerPage = 3; //show article in page when page load . this code is replace of : " $('#myList li:lt('+x+')').show(); " 
    sizeLi = $scope.articles.length; //sizeLi return count of my articles . Replace of : " $("#myList li").size(); " 
    $('#loadMore').click(function() { 
      x = (x + 5 <= sizeLi) ? x + 5 : sizeLi; 
      **$scope.articles.push($scope.articles[x]); // Replace of : " $('#myList li:lt('+x+')').show(); "** 
      return false; 
    }); 

Answer 1

Nach Ihrer jsfiddle Sie diese in Winkel erreichen kann durch limitTo mit und zwei Funktion in den LimitTo Bereich

gesetzt

in Controller:

$scope.limit = 1; 
    $scope.articles = [ 
    'one','two','three','four','five','six','seven','eight','nine','ten' 
    ]; 

    $scope.loadMore = function() { 
     var sizeLi = $scope.articles.length; 
     var x = $scope.limit; 
     x = (x + 5 <= sizeLi) ? x + 5 : sizeLi; 
     $scope.limit =x; 
    }; 

    $scope.showLess = function() { 
     var sizeLi = $scope.articles.length; 
     var x = $scope.limit; 
     x=(x-5<0) ? 3 : x-5; 
     $scope.limit =x; 
    }; 

und HTML:

<ul id="myList"> 
    <li ng-repeat="articale in articles | limitTo : limit : 0">{{articale}}</li> 
</ul> 
<div style="cursor:pointer" ng-click="loadMore()" >Load more</div> 
<div style="cursor:pointer" ng-click="showLess()">Show less</div> 

Aktualisiert HTML anzeigen oder ausblenden laden mehr und weniger Taste

<div style="cursor:pointer;color:green" ng-click="loadMore()" ng-show="limit<articles.length">Load more</div> 
<div style="cursor:pointer;color:red" ng-click="showLess()" ng-show="limit>0">Show less</div> 

mehr für DEMO siehe