页面大小下拉列表未在同步融合寻呼机组件（Angular）中呈现

Question

社区您好！

我正在尝试使用 Angular 中的同步融合寻呼机组件作为“独立”组件，即不属于例如一个网格。 （在我的应用程序中，它位于调度程序同步融合组件下）。但是我无法获取要显示的页面大小（[pageSizes]）下拉列表。

参见最小示例此处。

在我的实际应用程序中，它确实显示，但在页面重新加载后它消失了。在我导航出页面然后返回后，它会重新出现。但是我无法重现这个..

如有任何帮助，我们将不胜感激。

Answer 1

我了解您在呈现“pageSizes”下拉列表时遇到困难。您可以通过使用 component.Inject 方法注入“PagerDropdown”模块来解决该问题。

请参考以下代码示例：

import { Component } from '@angular/core';
import { Pager, PagerDropDown } from '@syncfusion/ej2-angular-grids';
Pager.Inject(PagerDropDown);

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
  providers: [],
})
export class AppComponent {
  public currentPage = 1;
  public pageSize = 1;
  public pageSizes = true;

  public currentPageChange(newPage: number): void {
    this.currentPage = newPage;
  }

  public pageSizeChange(newPageSize: number): void {
    this.pageSize = newPageSize;
  }
}

示例：https://stackblitz.com/edit/angular-cf9vwt-ofowgq?file=src%2Fapp.component.html,src%2Fapp.component.ts