Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何对Angular 7物料数据表中的日期进行排序?_Angular_Sorting_Angular Material_Angular7 - Fatal编程技术网

如何对Angular 7物料数据表中的日期进行排序?

如何对Angular 7物料数据表中的日期进行排序?,angular,sorting,angular-material,angular7,Angular,Sorting,Angular Material,Angular7,我使用ng generate@angular/material:table demovable创建了一个数据表 我必须按日期列排序。在以前的Angular版本中,我可以为此使用sortingDataAccessor,但由于某些原因,我无法在这里使用它 是否有人尝试过使用Angular 7(更具体地说是在使用ng generate命令创建数据表之后) 执行以下步骤,您应该能够对日期列进行排序: HTML: 添加MatSortModule 将matSort添加到选项卡中 <table mat

我使用ng generate@angular/material:table demovable创建了一个数据表

我必须按日期列排序。在以前的Angular版本中,我可以为此使用
sortingDataAccessor
,但由于某些原因,我无法在这里使用它


是否有人尝试过使用Angular 7(更具体地说是在使用
ng generate
命令创建数据表之后)

执行以下步骤,您应该能够对日期列进行排序:

HTML

  • 添加MatSortModule

  • 将matSort添加到选项卡中

    <table matSort ...
    
  • 您可以在中更详细地看到这一点


    此外,为您创建此文件,以防您被此文件弄乱

    您可以按如下方式使用MatSort进行排序:

    import { MatSort, MatTableDataSource } from '@angular/material';
    
    在html中:

     <mat-table #matSort="matSort" matSort>
    

    这应该适用于所有列类型。

    您看过这个吗?你的问题我不太清楚。你能分类吗?如果是这样,排序日期列时会出现问题吗?@benshabatnoam我无法对日期列排序
    <table matSort (matSortChange)="sortData($event)">
    
    sortData(event) {
      this.(your-list) = this.(your-list).sort((a, b) => {
        return a.date > b.date ? 1 : -1;
      }
    }
    
    import { MatSort, MatTableDataSource } from '@angular/material';
    
     <mat-table #matSort="matSort" matSort>
    
    sortableList: MatSort;
    
    @ViewChild('matSort') set yourDataSource(ms: MatSort) {
    
        this.sortStudentDetails = ms;
        yourDataSoruce = new MatTableDataSource(yourList);
        yourDataSoruce.sort = this.sortableList;
      }