如何在垫台角材上分类时显示确认

时间:2019-10-02 04:01:58

标签: angular angular-material

我将角钢8与角钢8一起使用,我想在垫子桌上排序时显示确认。 如果用户确认为真,图标将更改;如果用户确认为真,则错误图标不会更改。 我该怎么做??请帮助解决此问题 stack-blitz link

1 个答案:

答案 0 :(得分:3)

如果我对您的理解正确,那么您的要求是要求用户在调用函数对数据进行排序之前确认排序。

如果是这样,您有两个选择:

  • 创建一个自定义指令以“手动”处理排序;
  • 如果用户取消了 last 排序事件,则可以将其保存为“回滚”操作。

这是第二个例子。方法:

@Component({
  // ...
})
export class TableSortingExample {
  @ViewChild(MatSort, { static: true }) sort: MatSort;
  lastSort: Partial<Sort> = {};

  sortChangeHandler(evt: Sort): void {
    if (confirm('Confirm question?')) {
      this.lastSort = {
        active: this.sort.active,
        direction: this.sort.direction
      };
      // Perform sort operation
    } else {
      this.sort.active = this.lastSort.active;
      this.sort.direction = this.lastSort.direction;
    }
  }
}

FULL DEMO