Почему не отображается раскрывающийся список автозаполнения

Question

Мой код находится здесь .

Я хочу настроить автозаполнение для поля деления.

Я ссылаюсь на следующую веб-страницу:

https://material.angular.io/components/autocomplete/examples

Однако это не работает. Я добавил несколько console.log для отображения статуса внутри функции _filter.

В текущей среде я обнаружил, что при наборе текста в поле деления в консоли не отображается сообщение.

Когда я делаю следующие изменения:

1. строка комментария 49, строка комментария 48

2. строка комментария 68 - 72, строка комментария 73 к 77

Хотя при вводе в поле деления в консоли отображаются некоторые сообщения, раскрывающийся список не отображается.

Почему автозаполнение не работает?

Answer 1

У вас есть опечатка в вашем app.component. html в строке №. 18:

   <mat-autocomplete #auto="matAutocomplete">
        <mat-option *ngFor="let division of filteredDivisionList |async" [value]="division">
          {{division}}
        </mat-option>
      </mat-autocomplete> 

Имя filteredDivisionList, упомянутое в *ngFor="let division of filteredDivisionList |async", должно совпадать с именем переменной filteredDivisionList в компоненте.