Question

我正尝试在我的个人培训项目中使用以下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

Answer 1

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

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

进口角铁管未识别

1 个答案: