【发布时间】：2019-01-29 10:18:29
【问题描述】：
我在 UI 中使用 VMware-Clarity，并且我正在使用数据网格来显示数据，我有 8 项来自结果 []。问题是如果我将 [clrDgPageSize]="3" 设置为仅显示 3 个要显示在数据网格上的项目，它最终会显示所有 8 个项目。那么如何更改要在数据网格上显示的项目数。
【问题讨论】：
标签： angular typescript angular6 vmware-clarity
【发布时间】：2019-01-29 10:18:29
【问题描述】：
你需要像这样在页脚中声明分页子组件
<clr-dg-pagination #pagination [clrDgPageSize]="3">
<clr-dg-page-size [clrPageSizeOptions]="[1,3,5,10,20]">Users per page</clr-dg-page-size>
{{pagination.firstItem + 1}} - {{pagination.lastItem + 1}}
of {{pagination.totalItems}} users
</clr-dg-pagination>
这是一个有效的堆栈闪电战，默认显示三行：https://stackblitz.com/edit/clarity-v1-0-so-54418713-dg-footer-pagination
【讨论】：
-
嗨@hippeelee 谢谢，但我使用的是 Clarity v0.13，因为他们没有提到
，我尝试使用它，它抛出错误说，未捕获的错误：模板解析错误：无法绑定到“clrPageSizeOptions”，因为它不是“clr-dg-page-size”的已知属性。 vmware.github.io/clarity/documentation/v0.13/datagrid/… -
你能创建一个堆栈闪电战来重现你的问题吗？它可以帮助我帮助您运行代码以了解实际情况。
-
Created stackblitz here is the link，同样的错误出现在 v0.13 clarity-light-theme-v013.stackblitz.io
-
嗨@hippeelee 谢谢，我使用 *clrDgItems 而不是 *ngfor 并且它有效。
-
很高兴它成功了。
*clrDgItems适用于应用程序已经拥有完整项目列表的情况。*ngFor用于当数据网格依赖后端来提供项目时。我查看了您的 stackblitz，但那是入门版本，您是否分叉并保存了更改？我想看看你为什么遇到*ngFor的问题