To make default selection in autocomplete (material)

Question

I am using autocomplete component(i,e Display value autocomplete) for my project.Here is the stackblitz example

How can i set a any one list item as default ? like this

Chellappan வ · Accepted Answer · 2018-08-27 06:25:58Z

34

Use FormControl SetValue method to set Default Value

this.myControl.setValue( {name: 'Mary'});

Example:https://stackblitz.com/edit/angular-8r153h

answered Aug 27, 2018 at 6:25

Chellappan வ

27.9k4 gold badges39 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Beetlejuice Over a year ago

@Chellappan, how about passing different value and text ?

Chellappan வ Over a year ago

you mean different key value pair?

brt Over a year ago

The stackblitz doesn't appear to be setting a default value

Chellappan வ Over a year ago

@brt it is working fine in stackblitz

Krishna Rathore · Accepted Answer · 2018-08-27 06:28:01Z

6

set Initial value of FormControl

myControl = new FormControl({name: 'Shelley'});

answered Aug 27, 2018 at 6:28

Krishna Rathore

9,7375 gold badges28 silver badges50 bronze badges

Comments

user4676340 · Accepted Answer · 2018-08-27 06:29:15Z

Use RxJs' tap operator : stackblitz

ngOnInit() { this.filteredOptions = this.myControl.valueChanges .pipe( startWith<string | User>(''), map(value => typeof value === 'string' ? value : value.name), map(name => name ? this._filter(name) : this.options.slice()), tap(() => this.myControl.setValue(this.options[0])) ); }

This example is not filtering the values on typing the values.

Collectives™ on Stack Overflow

To make default selection in autocomplete (material)

3 Answers 3

4 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Linked

Related