问题标签 [angular-material-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
694 浏览

angular - Asp.net Core 对 Angular 材料表的响应

如何填充来自 Asp.net 核心的材料设计表数据

这是我的 HTML 代码

这是我的组件类的代码

这就是模型

我有一个代码

我期望返回来自 asp.net 核心的数据列表。但是在我的控制台上,我正在接收undefined,但网络选项卡返回一个值

像这样的东西

我的代码有什么问题?为什么控制台返回显示undefined

以及如何正确填充表格并将表格设置list为数据源?

0 投票
2 回答
2389 浏览

angular - 在 Angular 材质表中使用过滤器时如何排除 undefined 和 null?

请帮忙。有什么办法可以从过滤中排除 undefined 和 null ?因此,如果单元格值为 null 或未定义,则当用户在搜索输入中键入“null”或“undefined”时,它不会显示。

传入的表数据:

以下方法应用于输入:

0 投票
5 回答
8547 浏览

angular - 当 mat-table 位于 NgIf 内部时,mat-paginator 会中断

我有一个正在使用的角度项目,mat-table对于mat-paginator某个视图,问题是视图有一个网格视图和一个带有切换的表格视图,网格视图是默认的,当网格视图处于活动状态时,表格是使用 NgIf 隐藏的。如果我将默认设置为表格视图,那么分页工作正常,除非我切换到网格视图并返回,如果默认设置为网格,当我切换到表格视图时它会中断。我猜是因为当这段代码运行时表是隐藏的:

我尝试了控制台日志记录this.sliceList,并且sliceList.paginator在默认网格视图时未定义,所以我认为这是问题所在。我怎样才能解决这个问题?

0 投票
0 回答
172 浏览

angular - 如何停止 CdkDropList 和 Material 表之间的这种奇怪的交互

我正在使用材料表来显示一些数据并使用 CdkDropList 来允许在单独的组件(垫子对话框)中重新排列列/切换使用的列。

问题是 CdkDropList 和 Material 表以某种方式链接。每当我重新排列/切换出 CdkDropList 中的列时,这些列都会在材料表上实时重新排列/切换出。这听起来很棒,但我不希望这种情况发生,我是否正在尝试将列的配置保存到数据库中,该数据库在按钮按下时触发而不是实时更改。

我完全不知道它是如何发生的,但希望有人看到我没有看到的东西......

这是表格组件和对话框组件:

这是对话框组件:

现在是表格组件:

0 投票
1 回答
1011 浏览

angular - 材料表中的 filterPredicate 在 Angular 应用程序中不起作用

我想为我的材料表实现一个客户过滤器,但是当我调试并在这个客户过滤器函数中设置一个断点时。但它不起作用。

代码是这样的:

在 HTML 中有一个输入字段,如果我提示搜索,doFilter 将运行,但 filterFunktion 将仅显示所有数据中的第一行数据

此致,

狮子座

0 投票
1 回答
53 浏览

angular - 如何修复列只显示一个数组列

我想在表格中显示数据列表,如下图所示。

伊姆古尔

但结果是这样的..

伊姆古尔

下面是我的html代码

main.component.html

下面是我的组件代码

主要组件.ts

希望大家帮帮忙。。

预先感谢

0 投票
0 回答
21 浏览

angular - 角度不同的数据源到单个材料表

我想通过基于所选步进选项卡的提交按钮在角度材料表中显示数据。我想将动态参数传递给每个步进选项卡提交按钮。数据源需要相应地更改传递的参数和表。

0 投票
1 回答
286 浏览

javascript - 带堆叠头的材料表

嗨,我希望在材料表上实现以下结构。到目前为止,我已经看到了一些示例,但我无法做到这一点

我想要达到的目标:

当我执行此实现时,我只会得到以下结果:

这是结果:

任何帮助表示赞赏!

0 投票
1 回答
1687 浏览

angular - 如何在 mat-table 中获取自定义组件的值/内容?

我想用 mat-table 构建一个自定义表,其中最后一列和每一行我想定义一个自定义组件。这行得通。但是自定义组件用于某些输入,因此用户可以选择一些选项或输入一些内容。

这就是我在表外加载组件时得到的

但是在桌子里面,我得到了一个'undefined'

0 投票
1 回答
1104 浏览

angular - 如何按未在显示的列中声明的属性对角度材料表行进行排序

这是创建我的 tableModel 的代码:

我希望表行的默认排序基于行对象的“毫秒”属性,但我不想在表中显示该属性。有没有办法做到这一点?我在文档中看不到任何关于它的内容,设置 matSortStart="desc" 只是根据第一列(在本例中为 eventStart)对表进行排序。