📅  最后修改于: 2023-12-03 15:26:57.139000             🧑  作者: Mango
如果在使用 Angular Material 时出现以下错误:
Can't bind to 'matAutocomplete' since it isn't a known property of 'input'.
那么你可能遇到了以下两种情况之一:
MatAutocompleteModule
。matAutocomplete
。对于第一个错误,确保在 app.module.ts
中导入了 MatAutocompleteModule
。例如:
import { MatAutocompleteModule } from '@angular/material/autocomplete';
@NgModule({
imports: [
MatAutocompleteModule
],
declarations: [
AppComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }
对于第二个错误,则意味着您的组件模板中必须存在以下内容:
<input type="text" matInput [matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<!-- Autocomplete options here -->
</mat-autocomplete>
尝试使用 mat-autocomplete
指令,以确保 MatAutocompleteModule
在导入模块中正常工作时存在。
如果这两个修复措施都不起作用,那么很可能是因为您的组件模板中缺少某些必需的 @angular/material
模块。
请确保在组件模板中导入了所有必需的模块,并尝试重新构建您的应用程序。
希望这可以帮助解决您的问题!