管子反向＆＃39;无法找到

Question

我的数据按升序排列......我希望它按降序排列。我正在使用angular4。 为此，我正在使用反向管道。相同的代码如下。我第一次使用它...它工作..但后来从第二次开始它已经开始给出错误 - ＆gt;管子反向＆＃39;无法找到。

这是我引用的代码 -

Invert Angular 2 *ngFor

transaction.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
 }

transaction.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 { }

Working demo on Stackblitz

希望这会有所帮助：）

Answer 2

将管道添加到模块中的声明数组。

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

   imports: [

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