Need to Set default Value in ngx-mat-select-search

[sehgalneha]

I have Used ngx-mat-select-search for append the user list according to our project requirement. Need to Set text on the first load of page. The List is shown as according to search text but unable to set text on the ngx-mat-select-search . Please check out snippet.

Can you please provide the solution to set text on ngx-mat-select-search. I am looking forward for your response.

Thanks and Regards
Bhumika

[macjohnny]

can you please provide your sample code?
If I correctly understand your request, you are looking for a way to set the initial value of the search input field of <ngx-mat-select-search>?

Currently this is not possible, however it should be possible by adding a [value]="value" binding in

ngx-mat-select-search/src/app/mat-select-search/mat-select-search.component.html

Lines 9 to 10 in d577317

	<input matInput
	class="mat-select-search-input"

e.g.

<input matInput
         class="mat-select-search-input"
         [value]="value"

@sehgalneha would you like to provide a PR that implements this?

[macjohnny]

@sehgalneha I filed #148 to allow setting the initial value as simple as

public bankFilterCtrl: FormControl = new FormControl('my initial value');

Version 1.7.4 will be released soon

[sehgalneha]

public bankFilterCtrl: FormControl = new FormControl('my initial value');

According to this we have set value in our control : "this.bankFilterCtrl.value"
But it will be not displayed in the HTML.
Like : [formControl]="bankFilterCtrl"
Can you Please confirm this?

[macjohnny]

Yes, this should work after PR #148 being merged

[macjohnny]

this is released with version 1.7.4

public bankFilterCtrl: FormControl = new FormControl('my initial search value');

See this example: https://stackblitz.com/edit/github-zwffsh?file=src/app/examples/01-single-selection-example/single-selection-example.component.ts