Question

我正在尝试使用ngx-mat-select-search组件。我遵循了https://www.npmjs.com/package/ngx-mat-select-search上的教程，但是在安装并尝试使用教程（https://stackblitz.com/github/bithost-gmbh/ngx-mat-select-search-example中的确切代码之后，当我尝试使用ngx-mat-select-search时，总是会遇到此错误标记（<ngx-mat-select-search></ngx-mat-select-search>）：

'ngx-mat-select-search'不是一个已知元素： 1.如果“ ngx-mat-select-search”是Angular组件，则请验证它是否属于此模块。 2.如果“ ngx-mat-select-search”是一个Web组件，则在该组件的“ @ NgModule.schemas”中添加“ CUSTOM_ELEMENTS_SCHEMA”以禁止显示此消息。

谢谢您的帮助！

Answer 1

我肯定会尝试以下步骤。

在项目中安装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 {}

在mat-select元素内使用ngx-mat-select-search组件，方法是将其放置在元素内：

<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”不是已知元素

1 个答案: