Как я могу нажать стрелку выпадающего меню, он будет отображать все опции, а не фильтр в мат автозаполнения - PullRequest
Новая
       24

Как я могу нажать стрелку выпадающего меню, он будет отображать все опции, а не фильтр в мат автозаполнения

0 голосов
/ 09 апреля 2019

У меня проблема с мат-автозаполнением.Я создал стрелку выпадающего меню в mat-autocomplete, чтобы показать все опции, когда я нажимаю на нее.Когда я нажимаю на него первый раз, он показывает все опции

Но когда я выбираю 1 вариант и нажимаю снова, он просто показывает опции, отфильтрованные по моему выбору.

Я просто хочучтобы показать все опции при открытии выпадающего меню.Как я могу решить это?

Мой component.html

В моем component.ts 

 this.filteredCategory = this.myControl2.valueChanges
        .pipe(
          startWith(''),
          map(value => this._filter(value,this.filterArray[2]))
        );

 _filter(value: string,array:Array<any>): Array<any> {
    const filterValue = value.toLowerCase();
    return array.filter(option =>option.value.toLowerCase().indexOf(filterValue) === 0);
  }

openAddDiag() {
    return true; 
  }

1 Ответ

0 голосов
/ 09 апреля 2019

Самый простой способ сделать это - очистить ввод, нажав на стрелку: 

openAddDiag() { 
    this.myControl2.setValue(""):
};

но я не знаю, является ли это требуемым поведением, если оно не требует более сложной структуры, в которой вы реализуете пользовательскую функцию поиска. Поскольку вы явно нажимаете на стрелку, очистка ввода не является плохой практикой, поскольку вы намерены вносить изменения (иначе вы не нажмете).

...