离子-无显示的无限滚动

时间:2019-01-30 12:01:40

标签: typescript ionic-framework

我对Ionic有点陌生,我想对我自己的数据使用无限滚动组件。

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { InfiniteScroll } from 'ionic-angular';

@Component({
    selector: 'page-administrateur',
    templateUrl: 'administrateur.html'
})
export class Administrateur {
    infiniteScroll: InfiniteScroll;
    users = [
        {firstName : "Julie", lastName : "Aubret", mail : "julieaubret@outlook.fr"},
        {firstName : "Thomas", lastName : "Perrot", mail : "thomasperrot@outlook.fr"},
        {firstName : "Maxime", lastName : "Le Feuvre", mail : "maximelefeuvre@outlook.fr"},
        {firstName : "Mewen", lastName : "Le Pogam", mail : "mewenlepogam@outlook.fr"},
        {firstName : "Aziliz", lastName : "Abollivier", mail : "azilizabollivier@outlook.fr"},
        {firstName : "Thibault", lastName : "Herledan", mail : "thibaultherledan@outlook.fr"},
        {firstName : "Sophie", lastName : "Puybareau", mail : "sophiepuybareau@outlook.fr"},
        {firstName : "Kévin", lastName : "Le Manach", mail : "kevinlemanach@outlook.fr"}
    ];
    page = 0;
    maximumPages = 3;

    constructor(public navCtrl: NavController) {
        this.loadUsers();
    }

    loadUsers(infiniteScroll?) {
        if (infiniteScroll) {
            infiniteScroll.complete();
        }
    }

    loadMore(infiniteScroll) {
        this.page++;
        this.loadUsers(infiniteScroll);
        if (this.page === this.maximumPages) {
            infiniteScroll.enable(false);
        }
    }
}

问题:当我查看结果时,似乎加载我的数据的函数仅显示列表,而不显示信息。

result

要解决此问题,我需要做什么?

0 个答案:

没有答案
相关问题