select: changing ng-model after render with md-virtual-repeat does not display selected value

[sunnyjhon2020]

it is a normal md-select with options and instead of ng-repeat i have used md-virtual-repeat but the ng-model is not working!

See the codepen for more details - https://codepen.io/lakshmi_suhas/pen/abzKJmq

when trying to select any option it it binding, but assume data is getting from backend and want to bind the default option (see the $timeout call in pen) it is not working at first but when the md-select is opened / clicked the selectedOption is binding.

Please tell me what's wrong in the code or it is material bug.

[Splaktar]

I updated the CodePen to 1.1.21 and ran into the options not displaying at all due to #10868.

I see that you are using AngularJS Material 1.0.9 since that is the last version to support md-virtual-repeat with md-select due to that above issue.

Your CodePen gives me the following exception on load:

ReferenceError: selectedOption is not defined
    at b.$scope.checkForSelected (pen.js:61)

I fixed it in this CodePen, but it only resolves the exception and not the issue with the select showing the selected value on page load.