Fatal编程技术网
  • angular-material/
  • Angular material matSort标题根本不排序表 现场演示：（单击“标题”标题） 我的代码：

Angular material matSort标题根本不排序表 现场演示：（单击“标题”标题） 我的代码：

angular-material

Angular material matSort标题根本不排序表 现场演示：（单击“标题”标题） 我的代码：,angular-material,Angular Material,我很难让分类标题正常工作。我附上了一个我的应用程序的实时演示，它的标题排序不起作用，以及我用来实现这一点的代码。当我点击标题时，我没有得到响应。没有错误，没有排序，没有反馈。我做了以下工作： 将matSort指令添加到表中 在每个标题中添加了mat排序标题 已将MatSortModule导入app.module.ts 向表数据源提供了MatSort指令 标题是可单击的，并且有切换箭头，但单击时不会对行进行排序。这是因为在DOM中呈现表格之前，您正在将数据源的排序初始化为matSort（因为*ng

我很难让分类标题正常工作。我附上了一个我的应用程序的实时演示，它的标题排序不起作用，以及我用来实现这一点的代码。当我点击标题时，我没有得到响应。没有错误，没有排序，没有反馈。我做了以下工作：

  • 将
    matSort
    指令添加到表中
  • 在每个标题中添加了
    mat排序标题
  • 已将
    MatSortModule
    导入
    app.module.ts
  • 向表数据源提供了
    MatSort
    指令
    • 标题是可单击的，并且有切换箭头，但单击时不会对行进行排序。

    这是因为在DOM中呈现表格之前，您正在将数据源的排序初始化为matSort（因为*ngIf）

    换行

    <table mat-table [dataSource]="notes" *ngIf="notes.data" matSort>
    到

    

    <table mat-table [dataSource]="notes" *ngIf="notes.data" matSort>

    <table mat-table [dataSource]="notes" [hidden]="!notes.data" matSort>