翻译后如何对数组进行排序？

Question

我有一个下拉菜单，其中包含来自后端的国家/地区列表。我使用 i18n 本地化来翻译它们。它们按英文字母顺序排列，下拉列表正确显示英语国家/地区列表。

当我以其他语言运行该平台时，它们会被正确翻译，但问题是它们保持英文排序。

有没有办法在应用 i18n 翻译后按字母顺序对国家/地区列表进行排序？

谢谢 ：）

Answer 1

您可以使用排序管道：

export class SortPipe implements PipeTransform {

transform(value: any[], sortOrder: SortOrder | string = 'asc', sortKey?: string): any {
    sortOrder = sortOrder && (sortOrder.toLowerCase() as any);

    if (!value || (sortOrder !== 'asc' && sortOrder !== 'desc')) return value;

    let numberArray = [];
    let stringArray = [];

    if (!sortKey) {
      numberArray = value.filter(item => typeof item === 'number').sort();
      stringArray = value.filter(item => typeof item === 'string').sort();
    } else {
      numberArray = value.filter(item => typeof item[sortKey] === 'number').sort((a, b) => a[sortKey] - b[sortKey]);
      stringArray = value
        .filter(item => typeof item[sortKey] === 'string')
        .sort((a, b) => {
          if (a[sortKey] < b[sortKey]) return -1;
          else if (a[sortKey] > b[sortKey]) return 1;
          else return 0;
        });
    }
    const sorted = numberArray.concat(stringArray);
    return sortOrder === 'asc' ? sorted : sorted.reverse();
  }

}

有一个 Stackbliz 示例：
角度排序管道 Stackblits