基于数值长度动态调整每页条数的Angular12 mat-paginator实现问询

• 绑定MatPaginator的pageSize输入属性，声明响应式组件变量存储当前页容量
• 监听数值长度等触发页容量变动的数据源，变更时直接更新绑定的pageSize变量
• 调用MatPaginator的_changePageSize()方法主动触发分页状态更新，同步MatTable的数据源分页切片
• 如需自定义可选页容量范围，动态配置pageSizeOptions输入属性传入数组
• mat-dialog场景下避免视图更新异常，页容量变更后手动调用ChangeDetectorRef.detectChanges()触发变更检测
• 确保MatTableDataSource的paginator实例和当前分页器绑定，维持状态同步

内容的提问来源于stack exchange，提问作者Rakjo