MongoDB
 sql >> база данни >  >> NoSQL >> MongoDB

как да внедря безкрайно превъртане на страници в ъглов 5?

Можете да използвате ngx-infinite-scroll .

npm install ngx-infinite-scroll --save

Вижте демонстрация plnkr .

Във вашия шаблон на компонент:

<div class="search-results"
     data-infinite-scroll
     debounce
     [infiniteScrollDistance]="scrollDistance"
     [infiniteScrollUpDistance]="scrollUpDistance"
     [infiniteScrollThrottle]="throttle"
     (scrolled)="onScrollDown()"
     (scrolledUp)="onUp()">
  <p *ngFor="let i of array">
    {{ i }}
  </p>
</div>

Във вашия контролер за компоненти:

 onScrollDown (ev) {
    console.log('scrolled down!!', ev);

    // add another 10 items
    const start = this.sum;
    this.sum += 10;
    this.appendItems(start, this.sum);

    this.direction = 'down'
  }

  onUp(ev) {
    console.log('scrolled up!', ev);
    const start = this.sum;
    this.sum += 10;
    this.prependItems(start, this.sum);

    this.direction = 'up';
  }

Това се прави с проста услуга за данни, но можете да приложите персонализиран метод за извличане на данни от база данни. Например:

// Page 1
db.comments.find().limit(10)

// Page 2
db.comments.find().skip(10).limit(10)

// Page 3
db.comments.find().skip(10).limit(10)



  1. Redis
  2.   
  3. MongoDB
  4.   
  5. Memcached
  6.   
  7. HBase
  8.   
  9. CouchDB
  1. java.lang.IllegalArgumentException:Очаква се уникален резултат или нула, но има повече от един! - Spring Data Mongo

  2. Споделена колекция между клиент и сървър Meteor

  3. Схема на Mongoose за geoJson координати

  4. Мога ли да използвам '$set' във вграден документ, когато използвам променлива като име на файл в MongoDB?

  5. Поради ограниченията на изключението com.mongodb.BasicDBObject при добавяне на множество критерии GridFSDBFile заявка