AngularMatSort.Typeismissing
创始人
2024-10-28 12:01:19
0

这个错误信息通常是在Angular中使用MatSort时出现的,它表示需要为MatSort指定一个sort的Type类型。

以下是一个示例代码:

HTML代码:

Name Age Email
{{user.name}} {{user.age}} {{user.email}}

TypeScript代码:

import { MatTableDataSource, MatSort } from '@angular/material';

@Component({ selector: 'app-users', templateUrl: './users.component.html', styleUrls: ['./users.component.css'] }) export class UsersComponent implements OnInit { displayedColumns = ['name', 'age', 'email']; dataSource = new MatTableDataSource(); @ViewChild(MatSort, {static: true}) sort: MatSort;

ngOnInit() { this.dataSource.data = this.users; this.dataSource.sort = this.sort; }

sortData(sort: MatSort) { const data = this.users.slice(); if (!sort.active || sort.direction === '') { this.dataSource.data = data; return; } this.dataSource.data = data.sort((a, b) => { const isAsc = sort.direction === 'asc'; switch (sort.active) { case 'name': return compare(a.name, b.name, isAsc); case 'age': return compare(a.age, b.age, isAsc); case 'email': return compare(a.email, b.email, isAsc); default: return 0; } }); } }

function compare(a: number | string, b: number | string, isAsc: boolean) { return (a < b ? -1 : 1) * (isAsc ? 1 : -1); }

在代码中,我们使用了MatSort模块并初始化了一个sort变量,这意味着我们使用了一个

相关内容

热门资讯

微信小程序黑科技免费!如何下载... 微信小程序黑科技免费!如何下载微乐自建房黑科技入口(开挂)挂-其实揭露存在有挂1. 选牌创建新账号,...
微乐小程序黑科技!微乐小程序游... 微乐小程序黑科技!微乐小程序游戏破解器苹果系统(开挂)器-原来教你存在有挂透视方法中分为三种模型:靠...
微信小程序微乐破解器!微信小程... 微信小程序微乐破解器!微信小程序微乐辅助器破解版(开挂)脚本-其实揭幕真的有挂1、免费脚本咨询教程、...
微乐小程序黑科技!微信微乐游戏... 微乐小程序黑科技!微信微乐游戏苹果辅助器(开挂)教程-果然关于真的是有挂1、起透看视 辅助软件价格2...
微乐小程序真的有挂!微信小程序... 微乐小程序真的有挂!微信小程序微乐辅助器app(开挂)器-果然推荐有挂1、全新机制【ai辅助工具激活...
微乐小程序存在有挂!微乐家乡a... 微乐小程序存在有挂!微乐家乡app辅助器(开挂)挂-切实总结真的是有挂透视方法中分为三种模型:靠谱、...
微乐小程序黑科技免费!微信小程... 微乐小程序黑科技免费!微信小程序微乐破解填大坑(开挂)软件-都是开挂真的是有挂一、可以开透视的定义与...
微乐小程序透视挂!小程序微乐辅... 微乐小程序透视挂!小程序微乐辅助软件(开挂)插件-确实解谜真的有挂1、打开软件启动之后找到中间准星的...
微乐小程序黑科技!微乐游戏辅助... 微乐小程序黑科技!微乐游戏辅助脚本安卓(开挂)软件-竟然透视真的有挂1、在插件功能辅助器技巧中,中转...
微乐小程序存在有挂!微乐家乡麻... 微乐小程序存在有挂!微乐家乡麻将辅助(开挂)脚本-都是推荐真的是有挂1、进入到是否有挂之后,能看到左...