Angular-在mat-table中显示多个记录时创建多个表格的问题。
创始人
2024-10-21 09:30:25
0次

在Angular中，如果要在mat-table中显示多个记录并创建多个表格，可以使用*ngFor指令来遍历数据列表，并在每个记录上创建一个表格。以下是示例代码：

在模板文件中： // 表格列的代码

在组件文件中： recordList = [ { data: [ {column1: 'value1', column2: 'value2'}, {column1: 'value3', column2: 'value4'}, ... ] }, { data: [ {column1: 'value5', column3: 'value6'}, {column1: 'value7', column3: 'value8'}, ... ] }, ... ];

通过使用*ngFor和ng-container在模板中动态创建mat-table，可以避免为每个表格编写重复的代码。同时，在组件中也可以使用对象数组来存储每个记录的数据，而不必使用多个变量来存储。

上一篇：Angular-在类型'IStudent[]'上找不到属性'results'

下一篇：Angular-在Promise中未捕获的TypeError:this是未定义的

相关内容

热门资讯

突发！哈糖大菠萝怎么挂，新众亿... 突发！哈糖大菠萝怎么挂，新众亿辅助，其实是有辅助方法（哔哩哔哩）1、用户打开应用后不用登录就可以直接...
今年以来！wpk德州局透视，潮... 今年以来！wpk德州局透视，潮汕掌上娱乐脚本，都是是真的有辅助app（哔哩哔哩）1、很好的工具软件，...
无独有偶！werplan有挂吗... 无独有偶！werplan有挂吗，皮皮游戏辅助平台，确实真的有辅助教程（哔哩哔哩）皮皮游戏辅助平台能透...
今年以来！hhpoker德州牛... 今年以来！hhpoker德州牛仔视频，新上游拼十辅助，真是是真的有辅助工具（哔哩哔哩）1、新上游拼十...
在玩家背景下！hhpoker免... 在玩家背景下！hhpoker免费透视脚本，潮汕激k传送屋辅助器，总是是有辅助插件（哔哩哔哩）1、全新...
据报道！来玩app破解版，so... 据报道！来玩app破解版，sohoo竞技联盟辅助，一贯存在有辅助神器（哔哩哔哩）暗藏猫腻，小编详细说...
随着！德州来玩辅助器，微信边锋... 随着！德州来玩辅助器，微信边锋辅助软件，切实真的是有辅助插件（哔哩哔哩）微信边锋辅助软件能透视中分为...
最新消息！aapoker插件，... 最新消息！aapoker插件，小唐家乐园辅助，其实存在有辅助app（哔哩哔哩）1、进入游戏-大厅左侧...
随着！WePOker有没有透视... 随着！WePOker有没有透视方法，花城牌舍辅助系统有哪些功能，一直存在有辅助教程（哔哩哔哩）一、花...
今年以来！wepoker透视功... 今年以来！wepoker透视功能下载，蘑菇辅助网，总是存在有辅助app（哔哩哔哩）1、首先打开蘑菇辅...