100 6 ile 10 ng-repeat filtresi sonuçları ile AngularJS

SORU

10 ŞUBAT 2013, Pazar

100 6 ile 10 ng-repeat filtresi sonuçları ile AngularJS

Görüyorum limitTo filtre docs sağlayan, bana sınırı ilk 5 veya son 5 sonuç, ama istediğim için set nerede benim sınırı başlar yani Haritayı ikinci seti 5 sonuçları.

Bunun için yerleşik bir filtre var mı?

CEVAP

10 ŞUBAT 2013, Pazar

Açısal beri 1.4.0, limitTo filter begin isteğe bağlı bir argüman alır:

<div ng-repeat="item in items | limitTo:5:5">{{item}}</div>

Eski sürümlerinde, özel bir filtre yazmak oldukça basittir. İşte naif bir uygulama Array#slice dayalı (not ilk ve son endeks, bir saymak yerine geçmek):

app.filter('slice', function() {
  return function(arr, start, end) {
    return (arr || []).slice(start, end);
  };
});

<div ng-repeat="item in items | slice:6:10">{{item}}</div>

Çalışma jsFiddle: http://jsfiddle.net/BinaryMuse/vQUsS/

Alternatif olarak, sadece the entire Angular 1.4.0 implementation of limitTo çalabilirsin:

function limitToFilter() {
  return function(input, limit, begin) {
    if (Math.abs(Number(limit)) === Infinity) {
      limit = Number(limit);
    } else {
      limit = toInt(limit);
    }
    if (isNaN(limit)) return input;

    if (isNumber(input)) input = input.toString();
    if (!isArray(input) && !isString(input)) return input;

    begin = (!begin || isNaN(begin)) ? 0 : toInt(begin);
    begin = (begin < 0 && begin >= -input.length) ? input.length   begin : begin;

    if (limit >= 0) {
      return input.slice(begin, begin   limit);
    } else {
      if (begin === 0) {
        return input.slice(limit, input.length);
      } else {
        return input.slice(Math.max(0, begin   limit), begin);
      }
    }
  };
}

Bunu Paylaş: