我正在尝试使用Angular / Material自动完成组件。我已将以下内容添加到我的HTML文件中：
<a-entity camera></entity>在我的TS文件中：
<a-scene>如果我运行该网站，然后在搜索框中输入一些内容，则可以在Google Chrome控制台中看到<form class="search-form">
<mat-form-field>
<input type="text" placeholder="Search Assemblies" matInput [formControl]="assemblySearchControl" [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<mat-option *ngFor="let assembly of filteredAssemblies" [value]="assembly.id">
{{assembly.assemblyName}} ({{assembly.referenceNumber}})
</mat-option>
</mat-autocomplete>
</mat-form-field>
</form>
的搜索结果正确。但是，发生了以下两个问题：
ngOnInit() {
this.assemblySearchControl.valueChanges.subscribe(
term => {
if (term != '') {
this.filteredAssemblies = this._filterAssemblies(term);
}
}
)
}
private _filterAssemblies(value: string) {
const filterValue = value.toLowerCase();
var temp = this.allAssemblies.filter(assembly =>
assembly.assemblyName.toLowerCase().indexOf(filterValue) === 0 ||
assembly.referenceNumber.toLowerCase().indexOf(filterValue) === 0);
console.log("filteredAssemblies: ", temp);
return temp;
}
中的选项列表。我已经在线尝试了各种解决方案，但是上面列出的两个相同问题仍然存在。没有任何问题的报告，并且代码可以很好地编译。这可能只是格式/布局问题吗？任何帮助将不胜感激。