To make default selection in autocomplete (material)

user_8649047 0
Viewed 21540

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 enter image description here

angular-material angular typescript
3 Answers
user_77903760

set Initial value of FormControl

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

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]))
      );
  }
Admin1
Related