cost 107 ms
错误:无法读取未定义的属性(读取“headerCell”) - 在 angular 材料表中创建反应形式 - Error: Cannot read properties of undefined (reading 'headerCell') - Creating reactive form inside a angular material table

我正在尝试创建一个具有反应形式的 angular 材料表。 我需要添加一些属性,所以我使用的是 formArray。 但是我的表没有显示任何结果,并且 angular 让我返回相同的错误: 错误类型错误:无法读取未定义的属性(读取“headerCell”) 这是我到目前为止得到的: HTML T ...

使用子数组值读取 json 并使用 ngFor 在 html 上显示 - Read the json with sub array values and display on the html using ngFor

嗨,我正在开发一个 web 应用程序,我在其中显示以 json 格式接收的学生数据。 这是 typescript 代码片段 我尝试将 Languages 作为单独的数组,并考虑在使用 ngFor 在屏幕上显示时使用它 我尝试在 mat-chip-list 中显示,如下所示,但它只显示所有 ID 的 ...

MatTableDataSource 未显示使用 exceljs lib 读取的文件中的数据 - MatTableDataSource not showing data from file readed with exceljs lib

我正在尝试将使用 exceljs 库读取的 xlsx 文件中的数据显示到 Mat 表中。 我想我正在正确填充 MatTableDataSource,但屏幕上没有显示任何内容。 这是 TS 代码: 模板代码: 这就是我在屏幕上看到的:在此处输入图像描述我不知道我做错了什么。 ...

如何等到删除完成然后重新加载 angular 垫表 - how to wait until deletion is complete then reload angular mat table

我的 angular 项目中有一张垫子表,如下所示: 使用 rest API 从服务器获取数据。服务器端使用 nodejs 和 sequelize。 当我单击删除按钮时,我希望我的 mat 表用新数据刷新。 但不幸的是,刷新数据在删除完成之前加载,所以看起来好像删除按钮不起作用。 这是我的代码: ...

使用带有粘性标题的嵌套可扩展表创建 Mat-table - Creating a Mat-table with a nested, expandable table both with sticky headers

我正在 Angular 9 中构建一个 Mat 表,该表的每行都有一个可扩展的子表。 外部表有一个有效的粘性 header。 我想让孩子 header 也很粘,所以它不会滚动到视野之外。 理想情况下,它会在子表中滚动,但在保持子表 header 可见的同时滚动整个表是可以接受的。 这是正在发生的事 ...

垫表多个标题粘不工作 - mat table multiple headers sticky not working

我有一个垫子表,在我的第 3 列和第 4 列中有 2 个标题,其他列我使用了行跨度,其中我需要前 4 列是粘性的。 所以使用了粘性属性。 但是当我水平滚动时,第三列和第四列的第二行 header 不粘,它也会滚动。 在水平滚动之前它看起来像这样 水平滚动后看起来像这样 我在标签中使用了粘性属性 ...

Angular 即使没有数据也显示表头的材料数据表 - Angular Material data table showing table headers even when there is no data

我正在使用 Angular 材料数据表在带有 matSort 进行排序的表中显示一些产品相关数据。 在数据表中,我使用了[hidden]="!data"但是当没有数据时,我仍然会显示表头。 我尝试用 ngIf 指令包装它,它起作用了,当没有数据时表 header 没有显示,但 matSort 停止工 ...

通过mat-dialog删除项目后如何刷新mat-table数据源 - How to refresh mat-table data source after deleting item through mat-dialog

我想在删除一个项目后刷新 mat-table 中显示的项目,而不再次访问服务器。 如果我直接从删除按钮连续删除项目,它工作正常,但使用 mat-dialog 时它不起作用。 这是我的代码直接执行(这是有效的): HTML: TS: 在这里,我的代码进行了彻底的 mat-dialog,它没有刷新表 ...

Angular 生成带有动态列的 Mat-Table,数据应以水平方式填充 - Angular Mat-Table with Dynamic Columns generate and Data should be populated in horizontal way

我有一个要求,我需要使用下面提到的 JSON object 数组以水平格式填充垫表。 请找到输入数组:- 并且需要以下格式的垫表 output.. 这里的列名是根据数组动态生成的,条件字符串的 count 增加 1。 请找到.ts文件... } 请找到 Mat-table 代码.. 到目前为止, ...

显示 header 列但不显示行的 mat-table - mat-table showing header columns but not rows

我通过执行以下操作动态加载垫表: 我可以看到 header 列。 但是,我没有看到表中数据的rest。 它显示基于数据源长度的行数,但dataSource似乎不是实际的元数据? 我该如何解决这个问题? 这就是我的组件的样子: 您可以看到我正在从商店中读取dataSource源,如下所示: 然后我将 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM