Angular 角度:“ngx mat选择搜索”不是已知元素
我正在尝试使用ngx mat select搜索组件。我在上遵循了教程,但在安装并尝试使用教程中的确切代码后,当我尝试使用ngx mat select search标记时,总是会出现以下错误: “ngx mat选择搜索”不是已知元素: 1.如果“ngx mat select search”(ngx mat选择搜索)是一个角度组件,则验证它是否是此模块的一部分。 2.如果“ngx mat select search”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息 谢谢你的帮助 我肯定会尝试以下步骤 在项目中安装ngx mat select search:Angular 角度:“ngx mat选择搜索”不是已知元素,angular,Angular,我正在尝试使用ngx mat select搜索组件。我在上遵循了教程,但在安装并尝试使用教程中的确切代码后,当我尝试使用ngx mat select search标记时,总是会出现以下错误: “ngx mat选择搜索”不是已知元素: 1.如果“ngx mat select search”(ngx mat选择搜索)是一个角度组件,则验证它是否是此模块的一部分。 2.如果“ngx mat select search”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的
npm install ngx-mat-select-search
Import the NgxMatSelectSearchModule in your app.module.ts:
import { MatFormFieldModule, MatSelectModule } from '@angular/material';
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
@NgModule({
imports: [
ReactiveFormsModule,
BrowserAnimationsModule,
MatSelectModule,
MatFormFieldModule,
NgxMatSelectSearchModule
],
})
export class AppModule {}
通过将ngx mat select搜索组件放置在元素内,在mat select元素内使用该组件:
<mat-form-field>
<mat-select [formControl]="bankCtrl" placeholder="Bank" #singleSelect>
<mat-option>
<ngx-mat-select-search [formControl]="bankFilterCtrl"></ngx-mat-select-search>
</mat-option>
<mat-option *ngFor="let bank of filteredBanks | async" [value]="bank">
{{bank.name}}
</mat-option>
</mat-select>
</mat-form-field>
我肯定会尝试以下步骤
在项目中安装ngx mat select search:
npm install ngx-mat-select-search
Import the NgxMatSelectSearchModule in your app.module.ts:
import { MatFormFieldModule, MatSelectModule } from '@angular/material';
import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
@NgModule({
imports: [
ReactiveFormsModule,
BrowserAnimationsModule,
MatSelectModule,
MatFormFieldModule,
NgxMatSelectSearchModule
],
})
export class AppModule {}
通过将ngx mat select搜索组件放置在元素内,在mat select元素内使用该组件:
<mat-form-field>
<mat-select [formControl]="bankCtrl" placeholder="Bank" #singleSelect>
<mat-option>
<ngx-mat-select-search [formControl]="bankFilterCtrl"></ngx-mat-select-search>
</mat-option>
<mat-option *ngFor="let bank of filteredBanks | async" [value]="bank">
{{bank.name}}
</mat-option>
</mat-select>
</mat-form-field>
您需要在模块中声明组件或使用exports it从npm包导入模块您需要在模块中声明组件或使用exports it从npm包导入模块这正是我所做的。但是ngx mat select搜索标签抛出了这个错误。你能用你的app.module.ts代码更新这个问题吗?这看起来像个笑话,但我重新启动了我的电脑,它工作了。-我就是这么做的。但是ngx mat select搜索标签抛出了这个错误。你能用你的app.module.ts代码更新这个问题吗?这看起来像个笑话,但我重新启动了我的电脑,它工作了。--