javascript - 进口 Angular 铁管未识别

我试图在我的个人培训项目中使用以下pipe，按照我使用npm安装该库的规范进行操作，然后可以在ng模块文件夹中看到它

然后我尝试将NgPipesModule添加到我的app.module中，如下所示

import {NgPipesModule} from 'ngx-pipes';


@NgModule({
  imports: [
    BrowserModule,
    BoxingSharedModule,
    BoxingCoreModule,
    BoxingHomeModule,
    NgPipesModule,
    // jhipster-needle-angular-add-module JHipster will add new module here
    BoxingEntityModule,
    BoxingAppRoutingModule
  ],
  declarations: [JhiMainComponent, NavbarComponent, ErrorComponent, PageRibbonComponent, ActiveMenuDirective, FooterComponent],
  providers: [
    {

我相信这足以使用filterBy管道！！！

所以这是我使用它所做的

 <tr *ngFor="let boxer of boxers | filterBy: [searchFilter]: searchValue.value ;trackBy: trackId">

过滤器值从此提供：

                    <input type="text" class="form-control" placeholder="Search"
                        aria-label="Search" aria-describedby="basic-addon2" #searchValue>
                    <div class="input-group-append" (click)="onButtonGroupClick($event)">
                        <button class="btn btn btn-outline-primary" type="button" value="fullName">FullName</button>
                        <button class="btn btn btn-outline-primary" type="button" value="phone">Phone Number</button>
                        <button class="btn btn btn-outline-primary" type="button" value="birthDate">Birth Date</button>
                    </div>

浏览器控制台日志显示没有如下解决的管道：


  错误错误：未捕获（承诺）：错误：模板解析错误：
  找不到管道'filterBy'（“ 1）” [infiniteScrollDisabled] =“页面> = links ['last']” [infiniteScrollDistance] =“ 0”>] filterBy：[searchFilter]：searchValue.value; trackBy：trackId“> =链接['last']” [infiniteScrollDistance] =“ 0”>] filterBy：[searchFilter]：searchValue.value; trackBy：trackId“>


我不知道我在这里想念什么吗？

您应该知道我正在使用JHipster

最佳答案

您的配置正确，但是我不确定您的组件位置。

为了让您的组件使用该管道，您还需要将组件添加到declarations数组。您要使用管道的组件必须与导入管道的模块位于同一模块中