Angular mat paginator在ng模板中不起作用

Angular mat paginator在ng模板中不起作用,angular,mat-table,mat-pagination,Angular,Mat Table,Mat Pagination,我有一些垫子桌和垫子分页器,如下所示: <table mat-table style="width: 100%;" [dataSource]="dataSource"> <ng-container matColumnDef="evento"> <th mat-header-cell *m

我有一些垫子桌和垫子分页器,如下所示:

                 <table mat-table style="width: 100%;" [dataSource]="dataSource">
                    <ng-container matColumnDef="evento">
                        <th mat-header-cell *matHeaderCellDef> Evento </th>
                        <td mat-cell *matCellDef="let row"> {{row.evento}} </td>
                    </ng-container>
                    <ng-container matColumnDef="fecha">
                        <th mat-header-cell *matHeaderCellDef> Fecha </th>
                        <td mat-cell *matCellDef="let row">{{row.fecha}} </td>
                    </ng-container>
                    ..... more columns .....
                    <ng-container matColumnDef="edit">
                        <th mat-header-cell *matHeaderCellDef style="text-align: right; margin-right: 8px;"> Edit </th>
                        <td mat-cell *matCellDef="let row" style="text-align: right;">
                            <button mat-icon-button (click)="editEvent(row)">
                                <mat-icon>edit</mat-icon>
                            </button>
                        </td>
                    </ng-container>

                    <tr mat-header-row *matHeaderRowDef="displColumns"></tr>
                    <tr mat-row *matRowDef="let row; columns: displColumns"></tr>
                </table>
                <mat-paginator [pageSize]="5" [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
在恩戈尼特

this.dataSource.paginator = this.paginator;
在将表格放入de ng模板之前,每项工作都很好, 我想使用ng模板指令在事件列表和添加新事件之间进行更改

<div *ngIf="EventSelect then listEv else addNew">
</div>


有人知道我丢失了什么。

如果您在
ng模板中包装html,您可以使用setter,如下所示:

@ViewChild(MatPaginator) set paginator(value: MatPaginator) {
  this.dataSource.paginator = value;
}
请注意,我从
@ViewChild
装饰器中删除了
static:true
选项


如果您将html包装在
ng模板中
,您可以使用setter,如下所示:

@ViewChild(MatPaginator) set paginator(value: MatPaginator) {
  this.dataSource.paginator = value;
}
请注意,我从
@ViewChild
装饰器中删除了
static:true
选项


谢谢yurzui,谢谢你的回答,但这对我不起作用,但测试你的选择最终我找到了解决方案。首先我改变静态。true to static:false,然后将this.dataSource.paginator=this.paginator;要创建新的视图初始化,。现在没问题。对不起,我的错,我没有改变一个元素,你的例子像myThank You yurzui一样完美地工作,为你回答,但不适合我,但测试你的选项最终我找到了解决方案。首先我改变静态。true to static:false,然后将this.dataSource.paginator=this.paginator;要创建新的视图初始化,。现在可以了。对不起,我的错,我没有改变一个元素,你的例子就像我的一样完美