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变量,这意味着我们使用了一个

相关内容

热门资讯

黑科技规律(微扑克ai辅助器苹... 黑科技规律(微扑克ai辅助器苹果版)外挂透视辅助挂(透视)竟然存在有挂(黑科技揭秘);所有人都在同一...
黑科技有挂(wepoke透明挂... 黑科技有挂(wepoke透明挂怎么识别)外挂透视辅助app(透视)竟然是有挂(黑科技解说);1、不需...
黑科技辅助(wepoke透明挂... 黑科技辅助(wepoke透明挂使用教程)外挂透明挂辅助神器(透视)一直真的有挂(黑科技揭秘)1、玩家...
黑科技神器(微扑克有辅助挂)外... 黑科技神器(微扑克有辅助挂)外挂透视辅助器(透视)确实是真的有挂(黑科技插件)1、打开软件启动之后找...
黑科技最新(德州之星插件)外挂... 黑科技最新(德州之星插件)外挂透明挂辅助技巧(透视)切实是有挂(黑科技介绍)1)德州之星插件辅助挂:...
黑科技科技(aapoker有挂... 黑科技科技(aapoker有挂吗)外挂透视辅助插件(透视)竟然有挂(黑科技工具);1、每一步都需要思...
黑科技规律(wepoke到底有... 黑科技规律(wepoke到底有没有挂)外挂黑科技辅助挂(透视)好像是真的有挂(黑科技辅助)1、wep...
黑科技好牌(wepoke辅助插... 黑科技好牌(wepoke辅助插件)外挂透明挂辅助插件(透视)切实真的有挂(黑科技黑科技)黑科技好牌(...
黑科技软件(微扑克辅助透视技能... 黑科技软件(微扑克辅助透视技能教程)外挂透明挂辅助神器(透视)本来真的是有挂(黑科技细节)1、下载好...
黑科技辅助(wpk辅助神器)外... 黑科技辅助(wpk辅助神器)外挂黑科技辅助软件(透视)总是是有挂(黑科技辅助)1、让任何用户在无需w...