对象的 Angular 自然排序数组

Question

我对 Angular 还很陌生，所以也许我只是在寻找错误的东西，但我似乎无法在任何地方找到一个简单的答案。

假设我有一个对象数组:

[
  {Label: "UDP 128B Flood", ...},
  {Label: "UDP 512B Flood", ...},
  {Label: "UPD 1514B Flood",...},
  {Label: "HTTP Excessive GET",...} 
]

这是一个数组，显示为下拉列表中的选项:

<option *ngFor="let profile of Profiles" [value]="profile.Label">{{profile.Label}}</option>

我想对这些对象进行排序，以确保它们按字母数字顺序显示。

Answer 1

使用array.prototype.sort功能

let sorted = [
  {Label: "UDP 128B Flood"},
  {Label: "UDP 512B Flood"},
  {Label: "UDP 1514B Flood"},
  {Label: "HTTP Excessive GET"} 
].sort((a, b) => a.Label.localeCompare(b.Label));

console.log(sorted);