import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'pagerPipe'
})
export class PagerPipe implements PipeTransform {
transform(array: any[], pager: Pager): any {
var start = (pager.activePage-1)*pager.pageSize;
var end = pager.activePage*pager.pageSize;
console.log(start,end);
return array.slice(start,end);
}
};
//--------------------------------------------------------------------------
export class Pager {
pageSize:number;
activePage:number;
};
当我将参数设置为具有单独的pageSize和activePage时,它工作得很好, 但是当我传递一个同时包含pageSize和pageNumber的类时,管道不会检测到参数更改
不幸的是我使用angular-cli通过ng build和“plunker”不会让我上传vendor.bundle.js说“保存失败”
http://www.mediafire.com/file/2ndirjwkhgq06gq/Test.zip 解压缩并运行index.html
顺便说一句,我想避免使用Impure管道。