#26 Added a server side filtering example

[hanuhimanshu]

Challenges in case of server side filtering:

1. No initial options present in case of server side filtering
2. MatSelect do not open the drowdown when there is no MatOption found.

Solution: use mat-select-search inside disabled mat-option, making it as first option of the dropdown. re-style that mat-option to let mat-select-search sticky at top.

I would suggest mat-select-search should be used inside disabled mat-option as first child. Doing this will no longer require

/deep/ .cdk-overlay-pane-select-search {
  /* correct offsetY so that the selected option is at the position of the select box when opening */
  margin-top: 50px; // This won't be required anymore if mat-select-search is inside mat-option.
}

fixes #26

[macjohnny]

@hanuhimanshu thanks a lot for your PR! I will have a look at it soon.

[macjohnny]

@hanuhimanshu

I would suggest mat-select-search should be used inside disabled mat-option as first child

this is a good solution for the server-side filtering case. I added a change (#93) that automatically sets the necessary css-properties and the disabled state if the component is placed inside a mat-option element.
This solution also fixes #1

I reverted the offset top in 907be48 as it would be a breaking change due to the selected option not being opened at the cursor position. Rather, you can override this offset in your application.

I furthermore refactored your example into a separate component in #91 and #92

Thanks a lot for your contribution!