Question

感谢所有的帮助！在这个机会中，我需要为网格创建一个分页（如谷歌分页或类似的东西），并在当前页面中只显示10或20行。我找不到离子2的任何东西，只有无限卷轴的分页。

再次感谢！

Answer 1

您需要的是拥有一个既可以充当发布者又可以充当订阅者的主题。

创建一个可以通过简单的Http调用获取页面的服务。
使用可以同时用作发布者和订阅者的主题。
将* ngFor与异步管道一起使用。
使用next（）方法使用Subject进行发布，并使用* ngFor侦听Observable。

示例代码： -

//可以用作发布者和订阅者的主题

int function1()
{
    int i = 1;
    i++;
    return i;
}
int function2()
{
    int i = 1;
    i++;
    return i;
}
int function3()
{
    int i = 1;
    i++;
    return i;
}
int main(int argc, char *argv[])
{
    size_t t = 0;

    while (t < 1000000)
    {
        // I want something like startTimer(function1)
        function1();
        // I want something like pauseTimer(function1)
        function2();
        // I want something like startTimer(function3)
        function3();
         // I want something like pauseTimer(function3)
    }
    // printTimer() here will print the total elapsed time of function 1 and 
    //function 3
    getchar();
    return 0;
}

在返回页面的方法中返回paginationGetter $，并使用paginationGetter.next（data）发布新数据，然后使用类似的代码显示它： -

private paginationGetter: Subject <Product[]> = new Subject <Product[]> ();
private paginationGetter$: Observable <Product[]> = this.paginationGetter.asObservable();

请注意，项目引用：ion-col *ngFor="let item of items | async">并且paginationGetter$需要异步管道才能显示可观察数据。

请参考这里的实例： -

Pagination Example

希望有所帮助

IONIC中的分页2

1 个答案: