Javascript 基于名字和姓氏的角度卡片排序

我有6张卡片，包括用户的基本信息，如名字、姓氏、电子邮件。。我的要求是在用户详细信息页面中使用下拉列表，该页面有两个选项来排序，一个是根据名字排序，另一个是根据姓氏排序。我选择这些排序选项的卡片应该重新排列。 因为我是一个新手，所以我对分类不太了解。谁能告诉我该如何解决这个问题

我会使用

sort（）

函数

创建一个输入以获取一个

true/false

将其绑定到

isFirstName

变量，然后在

（更改）

事件上触发此函数

isFirstName = true;
data:any[] = [];
...
//retrieving data from your API
...subscribe(
  (response:any) => this.data = response['data']
)

sortData(){
    if (this.isFirstName){
      this.data.sort(
        (a, b) => {
          if (a.last_name === b.last_name)
            return (0);
          else if (a.last_name < b.last_name)
            return (-1);
          else
            return (1);
        }
      )
    }
    else {
      this.data.sort(
        (a, b) => {
          if (a.first_name === b.first_name)
            return (0);
          else if (a.first_name < b.first_name)
            return (-1);
          else
            return (1);
        }
      )
    }
}

isFirstName=true；
数据：任意[]=[]；
...
//从API检索数据
…订阅(
（response:any）=>this.data=response['data']
)
sortData（）{
if（this.isFirstName）{
这个是.data.sort(
（a，b）=>{
如果（a.last_name==b.last_name）
返回（0）；
else if（a.姓{
如果（a.first\u name==b.first\u name）
返回（0）；
else if（a.名字

在html中

<input type="checkbox" (change)="isFirstName = !isFirstName; sortData()">

我会使用一个

sort（）

函数

创建一个输入以获取一个

true/false

将其绑定到

isFirstName

变量，然后在

（更改）

事件上触发此函数

isFirstName = true;
data:any[] = [];
...
//retrieving data from your API
...subscribe(
  (response:any) => this.data = response['data']
)

sortData(){
    if (this.isFirstName){
      this.data.sort(
        (a, b) => {
          if (a.last_name === b.last_name)
            return (0);
          else if (a.last_name < b.last_name)
            return (-1);
          else
            return (1);
        }
      )
    }
    else {
      this.data.sort(
        (a, b) => {
          if (a.first_name === b.first_name)
            return (0);
          else if (a.first_name < b.first_name)
            return (-1);
          else
            return (1);
        }
      )
    }
}

isFirstName=true；
数据：任意[]=[]；
...
//从API检索数据
…订阅(
（response:any）=>this.data=response['data']
)
sortData（）{
if（this.isFirstName）{
这个是.data.sort(
（a，b）=>{
如果（a.last_name==b.last_name）
返回（0）；
else if（a.姓{
如果（a.first\u name==b.first\u name）
返回（0）；
else if（a.名字

在html中

<input type="checkbox" (change)="isFirstName = !isFirstName; sortData()">

请说明您的数据结构是什么？从这个API获取：请说明您的数据结构是什么？从这个API获取：请详细说明我没有得到这个解决方案，可以详细说明我没有得到这个解决方案吗