Question

我有一个拥有数千条记录的模拟API。我实现了无限滚动。我希望从API中获取20条记录并仅显示其中的10条记录。我是离子2的新手，请提出一些简单的代码。我正在使用服务。角度教程中给出了相同的例子

https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

以下是代码

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {HeroService} from '../home/services/hero.service';
import {InMemoryDataService} from '../home/services/in-memory-data.service';
import {Hero} from '../home/services/hero'


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  heroes:Hero[];
  items=['Thor','Batman','Superman','Ironman','Spiderman']

  getHeroes()
  {
    this.heroservice.getHeroes().then(heroes=>this.heroes=heroes);
  }


i:number;
  constructor(public heroservice:HeroService) {


    for (let i = 0; i < 10; i++) {
      this.items.push( this.items[i] );

    }
    this.getHeroes();
  }

  doInfinite(infiniteScroll) {
    console.log('Begin async operation');

    setTimeout(() => {
      for (let i = 0; i < 100; i++) {
        this.items.push( this.heroes[i].name );
      }
     console.log('Async operation has ended');
      infiniteScroll.complete();
    }, 500);
  }

}

Answer 1

请参阅this

之前的Josh Morony博文

如何从离子2中的模拟Api中获取数据

1 个答案: