角度排序列

时间:2018-10-20 13:04:01

标签: javascript angular typescript sorting

现在这就是我正在使用的,因为我无法使其正常工作。无论如何我都认为这并不坏,但仍然:

在我的app.component.html中,我得到了:

    <table border="1">
        <!-- ADD HEADERS -->
        <tr>
            <th><a href="#" (click)="send()">Name</a>
            </th>
            <th>Goverment form</th>

        </tr>

    </table>

在我的app.component.ts中,我拥有:

         }
         return 0;
    });
     }



--------
Data:
-------

    export interface Country {
        Name:string;
        GovernmentForm:string;

    }
    export class AppComponent {
      public Countries: Country[];

1 个答案:

答案 0 :(得分:0)

您需要更改排序功能以比较.Name属性,而不是整个对象。您可以这样操作:

this.Countries = this.Countries.sort((n1, n2) => {
  if (n1.Name > n2.Name) {
    return 1;
  }
  if (n1.Name < n2.Name) {
    return -1;
  }
  return 0;
});