为什么未显示自动完成下拉列表

Question

我的代码位于here。

我想为分组字段设置自动填充功能。

我引用了以下网页：

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

但是，它不起作用。 我添加了一些console.log来显示_filter函数内部的状态。

在当前环境下，我发现当我输入除法字段时， 控制台中没有消息显示。

当我进行以下更改时：

1. 注释行49，取消注释行48

2. 注释行68-72，取消注释行73至77

尽管在我输入除法字段时控制台中会显示一些消息， 下拉列表不显示。

为什么自动完成功能不起作用？

Answer 1

您的app.component.html中的第10行有错字。 18：

Friend

<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"的名称匹配。