Angular 4 - 如何使用自定义管道对数组中的版本号字符串进行排序?
我有一个json文件,版本号如v.9.1,v.9.2,v10.0。我尝试使用自定义管道进行排序,但排序为v.9.2,v.9.1,v.10.0而不是v.10.0,v.9.2,v.9.1。所以看起来它被视为字符串。
以下是我在管道中尝试的内容:
import {Injectable, PipeTransform, Pipe} from '@angular/core';
import { P11dComponent } from './p11d.component';
@Pipe({
name: 'sortByVersion'
})
@Injectable()
export class SortVersionPipe implements PipeTransform{
transform(array: Array<any>, args: string): Array<any> {
if (array !== undefined) {
array.sort((a: any, b: any) => {
if ( parseFloat(a[args.slice(3,4)]) < parseFloat(b[args.slice(3.4)]) ){
return 1;
} else if ( parseFloat(a[args.slice(3,4)]) < parseFloat(b[args.slice(3.4)]) ) {
return -1;
} else {
return 0;
}
});
}
return array;
}
}
答案 0 :(得分:1)
如果我们有像这样的数组:
arr = ['v.9.1', 'v.9.2', 'v.10.0']
然后transform
方法看起来像:
transform(array: Array<any>): Array<any> {
if(!array) {
return null;
}
return array.sort((a, b) => b.slice(2) - a.slice(2));
}
<强> Plunker Example 强>
请注意:对于已装饰@Injectable
,@Component
,@NgModule
或@Directive
装饰器的类,您无需使用@Pipe
。< / p>