如何将HTML属性转换为打字稿

Question

我在* .component.html中有一个<mat-paginator>，其属性定义如下：

 <mat-paginator #paginator
  [pageSize]="10"
  [pageSizeOptions]="[5, 10, 20]"
  (page)="onPaginateChange($event)">
</mat-paginator>

有可能将属性pageSize放入我的* .component.ts吗？

尝试引用本机html元素，但没有用

谢谢！

Answer 1

我想你可以通过mat-paginator装饰器获得@ViewChild并尝试在ngAfterViewInit生命周期事件钩子中访问它。

@ViewChild('paginator') paginator;

ngAfterViewInit() {
   console.log(this.paginator.pageSize)
}

另外当看documentation它在pageSize事件给你page

PageEvent更改用户选择其他页面大小或导航到其他页面时发出的事件对象。

pageSize：number - 当前页面大小

Answer 2

您可以使用ViewChild访问pageSize

这是一个例子

export class PaginatorOverviewExample {

  @ViewChild('paginator') paginator;

  ngAfterViewInit(){
    console.log(this.paginator.pageSize)
  }
}

HTML

<mat-paginator #paginator [length]="100"
              [pageSize]="10"
              [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>

Z zxswい但是