Трубка "обратная" не найдена

Question

Мои данные расположены в порядке возрастания ... и я хочу их в порядке убывания.Я использую angular4.Для этого я использую обратную трубу.Код для того же, что и ниже.В первый раз, когда я использовал это ... это работало ... но позже, начиная со второго раза, он начал выдавать ошибку, так как -> не удалось найти "обратный канал".код от -

Угловой инвертирования 2 * ngFor

Transactions.component.ts

 import { Pipe, PipeTransform } from '@angular/core';

 @Pipe({  
  name: 'reverse',
  pure:false
 })


export class TransactionComponent implements OnInit ,PipeTransform{

transform (values: any) {
 if (values) {
  return values.slice().reverse();
   }
  }

 .....//code
 }

транзакция.component.html

 <tr *ngFor="let dat of result |reverse |  filter:filterdata| 
  paginate: { itemsPerPage: 5, currentPage: p };let i = index ">

Answer 1

Приведенный ниже код объявляет трубу. reverse.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

 @Pipe({  
  name: 'reverse',
  pure:false
 })


export class ReversePipe implements PipeTransform{

transform (values: any) {
 if (values) {
  return values.slice().reverse();
   }
  }

 .....//code
 }

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

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReversePipe } from '../path/to/yourpipe'

@NgModule({
  declarations: [
    AppComponent,
    ReversePipe
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Рабочая демонстрация на Stackblitz

Надеюсь, это поможет:)

Answer 2

Добавьте ваш канал к массиву объявлений в вашем модуле.

@NgModule({
   declarations: [
       // import and add your pipe to this.
   ],

   imports: [

   ],
   providers: [],
   bootstrap: []
})
export class AppModule { }