[MdTable] Reactive Selection requires next tick after data loaded

[FossPrime]

Steps to reproduce

1. Load table data and selected at the same time asynchronously

Which browser?

Chrome Stable

What is expected?

Selected options should be selected

What is actually happening?

Selected options don't appear

Reproduction Link

Case 1: Update at same time
https://codesandbox.io/s/lp7117wylq

Case 2: Give selection AOT
https://codesandbox.io/s/6j7n78mz6z

[Samuell1]

Can you test this with dev branch? There was some changes to this merged.

[VdustR]

I think I can't fix that due to Vue's lifecycle.
Table get the value on the row created.
Do you have any idea?

[FossPrime]

@VdustR The codesandbox example works normally with the pull request. I updated it two handle the AOT case, which is actually an issue in my project, where I have selection data before table data, as the selection is stored in the main collection, while the table's data is in a secondary collection.

[VdustR]

@rayfoss great!

[FossPrime]

This bug also prevents onSelect from firing until something is unselected. I updated the Sandbox to show that. Even after the patch, the md-select event is extremely unreliable

https://codesandbox.io/s/6j7n78mz6z

-- We need more tests