Angular Material MatPaginator 组件初始化

时间：2021年3月11日13:15:27

环境，突然就从昨天的11.2.3升级到了11.2.4

几乎所有的MatPaginator 的示例代码的写法都是这样的

@ViewChild(MatPaginator) paginator: MatPaginator;

然后vscode就提醒我

属性“paginator”没有初始化表达式，且未在构造函数中明确赋值。

修改以后变成这样

  @ViewChild(MatPaginator)
  paginator: MatPaginator = new MatPaginator;

提示变成这样

应有 2-3 个参数，但获得 0 个。ts(2554)
paginator.d.ts(148, 17): 未提供 "intl" 的自变量。

简单来说，就是MatPaginator使用的时候要初始化，而且还要带参数，但是呢，官方文档里面也不说，示例代码也有运行不畅的，只能自己想办法

仔细看一看，还是有解决方法的：

  @ViewChild(MatPaginator)
  paginator: MatPaginator = new MatPaginator(new MatPaginatorIntl(), this.changeDetectorRef);

其中，MatPaginatorIntl主要在上面import引入即可

import {MatPaginator, MatPaginatorIntl} from '@angular/material/paginator';

this.changeDetectorRef则需要在构造函数中声明即可

constructor(public changeDetectorRef:ChangeDetectorRef) { }

最后就可以成功使用啦(*^▽^*)。