问题标签 [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.
angular - Asp.net Core 对 Angular 材料表的响应
如何填充来自 Asp.net 核心的材料设计表数据
这是我的 HTML 代码
这是我的组件类的代码
这就是模型
我有一个代码
我期望返回来自 asp.net 核心的数据列表。但是在我的控制台上,我正在接收undefined
,但网络选项卡返回一个值
像这样的东西
我的代码有什么问题?为什么控制台返回显示undefined
以及如何正确填充表格并将表格设置list
为数据源?
angular - 在 Angular 材质表中使用过滤器时如何排除 undefined 和 null?
请帮忙。有什么办法可以从过滤中排除 undefined 和 null ?因此,如果单元格值为 null 或未定义,则当用户在搜索输入中键入“null”或“undefined”时,它不会显示。
传入的表数据:
以下方法应用于输入:
angular - 当 mat-table 位于 NgIf 内部时,mat-paginator 会中断
我有一个正在使用的角度项目,mat-table
对于mat-paginator
某个视图,问题是视图有一个网格视图和一个带有切换的表格视图,网格视图是默认的,当网格视图处于活动状态时,表格是使用 NgIf 隐藏的。如果我将默认设置为表格视图,那么分页工作正常,除非我切换到网格视图并返回,如果默认设置为网格,当我切换到表格视图时它会中断。我猜是因为当这段代码运行时表是隐藏的:
我尝试了控制台日志记录this.sliceList
,并且sliceList.paginator
在默认网格视图时未定义,所以我认为这是问题所在。我怎样才能解决这个问题?
angular - 如何停止 CdkDropList 和 Material 表之间的这种奇怪的交互
我正在使用材料表来显示一些数据并使用 CdkDropList 来允许在单独的组件(垫子对话框)中重新排列列/切换使用的列。
问题是 CdkDropList 和 Material 表以某种方式链接。每当我重新排列/切换出 CdkDropList 中的列时,这些列都会在材料表上实时重新排列/切换出。这听起来很棒,但我不希望这种情况发生,我是否正在尝试将列的配置保存到数据库中,该数据库在按钮按下时触发而不是实时更改。
我完全不知道它是如何发生的,但希望有人看到我没有看到的东西......
这是表格组件和对话框组件:
这是对话框组件:
现在是表格组件:
angular - 材料表中的 filterPredicate 在 Angular 应用程序中不起作用
我想为我的材料表实现一个客户过滤器,但是当我调试并在这个客户过滤器函数中设置一个断点时。但它不起作用。
代码是这样的:
在 HTML 中有一个输入字段,如果我提示搜索,doFilter 将运行,但 filterFunktion 将仅显示所有数据中的第一行数据
此致,
狮子座
angular - 如何修复列只显示一个数组列
我想在表格中显示数据列表,如下图所示。
但结果是这样的..
下面是我的html代码
main.component.html
下面是我的组件代码
主要组件.ts
希望大家帮帮忙。。
预先感谢
angular - 角度不同的数据源到单个材料表
我想通过基于所选步进选项卡的提交按钮在角度材料表中显示数据。我想将动态参数传递给每个步进选项卡提交按钮。数据源需要相应地更改传递的参数和表。
javascript - 带堆叠头的材料表
嗨,我希望在材料表上实现以下结构。到目前为止,我已经看到了一些示例,但我无法做到这一点
我想要达到的目标:
当我执行此实现时,我只会得到以下结果:
这是结果:
任何帮助表示赞赏!
angular - 如何在 mat-table 中获取自定义组件的值/内容?
我想用 mat-table 构建一个自定义表,其中最后一列和每一行我想定义一个自定义组件。这行得通。但是自定义组件用于某些输入,因此用户可以选择一些选项或输入一些内容。
这就是我在表外加载组件时得到的
但是在桌子里面,我得到了一个'undefined'
angular - 如何按未在显示的列中声明的属性对角度材料表行进行排序
这是创建我的 tableModel 的代码:
我希望表行的默认排序基于行对象的“毫秒”属性,但我不想在表中显示该属性。有没有办法做到这一点?我在文档中看不到任何关于它的内容,设置 matSortStart="desc" 只是根据第一列(在本例中为 eventStart)对表进行排序。