Components: Undefined MatSort Directive From MatTable Inside a MatStepper

[JarekToro]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Using @ViewChild(MatSort) get the Directive from inside a Stepper

What is the current behavior?

Returns Undefined

What are the steps to reproduce?

http://plnkr.co/edit/mLbnnpLG5bDumD2jBYZt?p=info

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

Select from list to advance to next step

[willshowell]

You must import MatSortModule.

@DevVersion could you add it and MatPaginatorModule to the default template's PlunkerMaterialModule?

[jelbourn]

@DevVersion can you take a look if this is just updating the plunker setup?

[devversion]

@willshowell @jelbourn Updated the Plunker template. And yeah this issue seems to be fixed by adding the necessary modules.

[kalitine]

I have the same issue. Tried to import all modules, but still doesn't work. Could it be related to something else?

UPDATE: I found the problem. It is undefined because of *ngIf directive on the tag above mat-table (even if it evaluates to true).

[thre3eye]

I have the same issue. Tried to import all modules, but still doesn't work. Could it be related to something else?

UPDATE: I found the problem. It is undefined because of *ngIf directive on the tag above mat-table (even if it evaluates to true).

Good find! Removing *ngIf fixed the issue. This is a bug and should be re-opened.

UPDATE: ng-if instead of *ngIf works

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}