MdSort is missing exportAs

[sudheer-rj]

Hi,

How to access it (MdSort) from component if there are two md-tables in same component, or how to differentiate two mdsorts in same components.

like

<md-table #table1 [dataSource]="table1DataSource" mdSort>

And

<md-table #table2 [dataSource]="table2DataSource" mdSort>

@ViewChild(MdSort) table1Sort: MdSort;
@ViewChild(MdSort) table2Sort: MdSort;

Issue is that, if i click to sort in the header column of one grid it sorts column in both grid or tables.

Thanks & Regards,

[julianobrasil]

As it does not have an exportAs associated, you can try a workaround:

@ContentChildren(MdSort) allMdSortDirectivesQuery: QueryList<MdSort>;

...

for(const mdSort of allMdSortDirectivesQuery) {
  // do something to try to identify the mdSort you want
}

Look at here to see all of the QueryList attributes.

As a last try, maybe you can assume the first mdSort in the page will be the first in the QueryList<MdSort> etc .

[andrewseguin]

This was an oversight, MdSort should have an exportAs. Should be added soon with #6747

[damsorian]

I need this :) 👍

[sudheer-rj]

@julianobrasil
I have tried your suggestion, but couldn't make it work...

so to make it work, I have implemented these 2 grids in 2 seperate pages...

[julianobrasil]

@sudheer-rj, you mean you've built up custom compontents to encapsulate each of your datatables? IMO, even if there's an exportAs, encapsulating them in custom components will make your page easier to read. This is one of the best parts of Angular.

[Bsujeet]

can any one suggest other method to get list of all the MdSort in component html.
i don't want to create individual component to encapsulate the table.

Thanks

[julianobrasil]

The problem is not to get the list of them... you can do it by

@ContentChildren(MatSort) allMatSortDirectivesQuery: QueryList<MatSort>;

The actual problem with this aproach arises if you have to execute an action in a particular MatSort: it looks like it is to not obvious way to identify it in the QueryList (according #6911 (comment) there's a plan to add an exportAs, probably in the next beta, I think). For now you can, for example, inspect the sortables property to try to identify which copy of MatSort your dealing with.

[Bsujeet]

@julianobrasil
it returns undefined when try get allMatSortDirectivesQuery aqs suggested above
and when i try using @ViewChild it returns the mdsort of the first table.

Thanks.

[julianobrasil]

Sorry, it's @ViewChildren instead of @ContentChildren