MatPaginator does not work with dynamic data

Bug, feature request, or proposal:

MatPaginator does not work properly with dynamically loaded data

What is the expected behavior?

MatPaginator should work the same even if the table/paginator are within *ngIf

What is the current behavior?

MatPaginator does not work at all

What are the steps to reproduce?

https://stackblitz.com/edit/angular-8e1csg

What is the use-case or motivation for changing an existing behavior?

The paginator should work within the ngIf

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.0.3, Material 6.2.1

Is there anything else we should know?

If I replace the *ngIf="dataSource" with [style.display]="dataSource ? 'block' : 'none'", then the paginator works fine.

[studds]

For what it’s worth, I found it easier to move the data table to it’s own component with the loaded data as an @Input() - this meant that from the POV for the data table everything was available synchronously, so I didn’t have to change the way the parent component worked.

[andrewseguin]

@pfeigl is correct - the paginator value is undefined because you have an ngIf. Unfortunately it is part of the mechanics of Angular that ngOnInit will not catch view children that are contained within an ngIf.