找不到Angular 7自定义管道

时间:2019-02-10 11:24:08

标签: angular

我在stackoverflow上搜索了数小时,找到了对其他人有用的答案,但对我一生来说,我无法使它起作用。我不知道该怎么办,让我发疯。

filter.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {
transform(items: any[], searchText: string): any[] {
 ........
}

shared-pipe.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FilterPipe } from './filter.pipe';

@NgModule({
  declarations: [
    FilterPipe
  ],
  imports: [
    CommonModule
  ],
  exports: [
    FilterPipe
  ]
})
export class SharedPipeModule { }

search-issue.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedPipeModule } from '../../../../pipes/shared-pipe.module';
import { SearchIssueComponent } from './search-issue.component';

@NgModule({
  declarations: [
  ],
  imports: [
    CommonModule,
    SharedPipeModule,
    SearchIssueComponent
  ]
})
export class SearchIssueModule { }

search-issue.component.html

  <ul *ngFor="let ticket of tickets | filter: searchText">
                                      ^^^^^^^

此处未找到过滤器管道。

我已经尝试了所有可以想到的一切,但是没有任何效果。上面代码中关于stackoverflow的所有答案都应该起作用,但是对我来说不行。

我尝试将filter.pipe.ts直接导入到search-issue.module.ts和app.module.ts中,结果相同。

有什么想法吗?

非常感谢。

enter image description here

0 个答案:

没有答案