Angular 2自定义字母竖线排序

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

@Pipe({
  name: 'verticalSort'
})
export class VerticalSortPipe implements PipeTransform {
  transform(value: string): string {
    // 将字符串按照字母顺序拆分成数组
    const sortedArray = value.split('').sort();

    // 使用竖线连接数组中的字母
    const sortedString = sortedArray.join('|');

    return sortedString;
  }
}

import { NgModule } from '@angular/core';
import { VerticalSortPipe } from './vertical-sort.pipe';

@NgModule({
  declarations: [
    VerticalSortPipe
  ],
  exports: [
    VerticalSortPipe
  ]
})
export class AppModule { }

<p>{{ 'angular' | verticalSort }}</p>