угловая импортная труба не распознается - PullRequest
Новая
       23

угловая импортная труба не распознается

1 голос
/ 04 октября 2019

Я пытаюсь использовать следующий 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>

В журнале консоли браузера говорится, что не определен канал, как показано ниже:

ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: не удалось найти канал 'filterBy' ("1)" [infiniteScrollDisabled] = "page> = links ['last']"[infiniteScrollDistance] = "0">] oxer боксеров |filterBy: [searchFilter]: searchValue.value; trackBy: trackId "> = links ['last']" [infiniteScrollDistance] = "0">] oxer of boxers |filterBy: [searchFilter]: searchValue.value; trackBy: trackId ">

Я не знаю, что мне здесь не хватает?

вы должны знать, что я использую JHipster

1 Ответ

1 голос
/ 04 октября 2019

Ваша конфигурация верна, но я не уверен насчет размещения вашего компонента.

Чтобы позволить вашему компоненту использовать этот канал, вам необходимо добавить компонент также в массив declarations. Компонент, для которого вы хотите использовать трубу, должен находиться в том же модуле, в котором вы импортировали трубу

...