📌  相关文章
📜  没有找到 exportAs 'matAutocomplete' 的指令 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:26:57.139000             🧑  作者: Mango

没有找到 exportAs 'matAutocomplete' 的指令 - TypeScript

如果在使用 Angular Material 时出现以下错误:

Can't bind to 'matAutocomplete' since it isn't a known property of 'input'.

那么你可能遇到了以下两种情况之一:

  1. 您未正确导入 MatAutocompleteModule
  2. 在组件模板中,您正在尝试使用一个未定义的导出指令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 模块。

请确保在组件模板中导入了所有必需的模块,并尝试重新构建您的应用程序。

希望这可以帮助解决您的问题!