AngularJS limitTo filter

Verstehe ich, dass in AngularJS ein filter namens "limitTo" wird verwendet, um die Daten beschränken.

Sagen wir mal, wir haben eine 100 Datensätze, und wir beschränken die Daten auf 10 Datensätze, die mit
die limitTo filter.

Nun, wie kann ich die Anzeige der restlichen 90 Datensätze.
Ich brauche eine Art von next-und previous-Taste auf der Unterseite, die
sollte zeigen, mich die nächsten 10 Datensätze, wenn ich auf auf es und so weiter.

Wie kann ich das erreichen, ohne dabei die Leistung.
Bitte geben Sie code, wenn Sie können. Danke... 🙂

werfen Sie einen Blick stackoverflow.com/questions/10816073/...

InformationsquelleAutor Steve Jax | 2016-04-23

  1. 1

    Pro die limitTo docs es gibt Argumente für start und limit

    {{ limitTo_expression | limitTo : limit : begin}}

    So können Sie mit scope-Variablen, die für diese Argumente als pro diesem einfachen Beispiel:

    <p ng-repeat="item in items|limitTo:limit:start">{{item.name}}</p>
<button ng-click="next()" ng-if="start < items.length-10">Next</button>
<button ng-click="prev()" ng-if="start >0">Prev</button>

    JS

      $scope.start = 0;
  $scope.limit = 10;
  $scope.items = [/* some data*/];      

  $scope.next = function() {
    incrementLimit(true)
  }
  $scope.prev = function() {
    incrementLimit(false)
  }

  function incrementLimit(up) {
    if (up) {
      ($scope.start <= ($scope.items.length - $scope.limit)) ? $scope.start += 10: $scope.start = 0;
    } else {
      $scope.start > 10 ? $scope.start -= 10 : $scope.start = 0;

    }
  }

    DEMO

    InformationsquelleAutor charlietfl

  2. 0

    Den limitTo filter hat eine optionale start parameter.

    Eine variable z.B. $scope.start = 0

    Können Sie dann richten Sie Ihre filter als limitTo : 10 : start und wenn Sie auf den button increment $scope.start vom 10.

    angularjs limitTo Dokumentation

    InformationsquelleAutor cnorthfield

Schreibe einen Kommentar