mat-table行展开时进行API调用
mat-table是Angular Material库中的一个组件，用于展示表格数据。当行展开时进行API调用，可以通过以下步骤实现：
- 首先，需要在Angular项目中引入Angular Material库。可以通过以下命令安装：
- 首先，需要在Angular项目中引入Angular Material库。可以通过以下命令安装：
- 在需要使用mat-table的组件中，引入相关的模块：
- 在需要使用mat-table的组件中，引入相关的模块：
- 在HTML模板中，使用mat-table组件来展示表格数据，并使用mat-expansion-panel来实现行展开效果：
- 在HTML模板中，使用mat-table组件来展示表格数据，并使用mat-expansion-panel来实现行展开效果：
- 在组件的Typescript代码中，定义数据源和展开行的逻辑：
- 在组件的Typescript代码中，定义数据源和展开行的逻辑：
以上代码中，loadData()方法通过HTTP请求获取数据，并将数据赋值给dataSource。isExpansionDetailRow方法用于判断是否展开行。
关于mat-table行展开时进行API调用的应用场景，可以是在展开行时获取该行的详细信息，或者在展开行时加载该行的子数据。
对于腾讯云相关产品和产品介绍链接地址，可以参考腾讯云官方文档进行了解和选择适合的产品。
相关·内容
1回答
当用户选择一行以显示展开中该特定记录的更多详细信息时，我希望进行API调用。我指的是。我有什么方法可以做到这一点吗？
浏览 11提问于2019-10-21得票数 0
回答已采纳
2回答
我已经创建了一个2级嵌套Mat-Table网格的角度，在其中，它可以展开多行在同一时间。在每一行上，从父网格中单击，它调用一个API并加载内部网格的数据。当我单击第一行时，它会按预期的方式获取数据。但是，当我单击第二行时，它将按预期的方式获取第二行的数据，但第一行的值也将与第二行的值相同。第一行的数据源值被第二行覆盖
浏览 3提问于2021-06-28得票数 2
回答已采纳
我试图创建一个mat-table网格，它允许在单击行时展开多个行。
目前，我只允许一行一次展开，当我单击第二行时，第一行将被折叠。是否可以一次展开多个行而不折叠其他行？用于单行展开的StackBlitz链接
浏览 1提问于2021-06-22得票数 0
回答已采纳
我已经创建了一个带有可扩展行的mat-table，就像Angular 8中的这个：
非常感谢!
浏览 2提问于2019-08-21得票数 6
我使用mat-table生成一个包含两列的表，一列具有ID，另一列是顶部带有按钮的复选框。有15行数据。<mat-table [dataSource]="dataSource$"> <mat-header-cellreprocessHomeProcesses(exe) { } 但是，它确实显示在使用{{execution.pr
浏览 19提问于2021-10-05得票数 0
3回答
我有一个具有可展开行的material Table ()，并且我希望在表本身中管理delete，因此我创建了一个delete按钮，该按钮具有触发delete事件的功能。api正常工作，记录被正确删除，但删除后表不会刷新，我想实现此行为。这里是一个带有假api的stackblitz：deleteCustomer(id) {
this.api.deleteCustomer
浏览 1提问于2018-07-11得票数 2
回答已采纳
我试图显示使用mat-table存储在数组中的本地API中的简单数据，但没有结果。我设法修复了它，但我对一般的角/类型记录/编程还不熟悉，我不知道为什么我的修复会起作用，有人能帮我理解为什么吗？this.facturasElectricas.push(f); }); }我更改的唯一行是以下是html部分pago.component.html
<table *ngIf="
浏览 0提问于2018-12-25得票数 2
回答已采纳
1回答
displayedColumns: string[] = ['id']; isLoadingResults = true;
this.api.getAllCompanies() this.datamat-spinner *ngIf="isLoadingResults">&
浏览 1提问于2019-04-06得票数 0
1回答
我使用Angular Material (7.x)并使用Mat-Table实现，如下所述：https://material.angular.io/components/table/overview 我已经使用了Angular的Mat Table来为一行使用多行，这是可行的。但现在我还必须使第一行(类型A)在多行表中具有多行。我真的很想让它与Mat-Table一起工作，但我担心我不能让它与素材库一起工作，而必须定制一些东西。 欢迎任何帮助！如果我需要提供更多信息，请告诉我。
浏览 50提问于2019-06-21得票数 12
1回答
我正在使用Mat-Table以网格格式显示记录.此外，我还使用两个不同的数据源实现了可扩展的行。我使用了*ngFor和*ngIf选项，但这是抛出错误。有谁能帮我找出正确的密码吗？HTML代码：
<mat-table [dataSource]="mDataSou
浏览 3提问于2020-05-19得票数 1
回答已采纳
1回答
this.users = res['data']; }
我的template.html文件： <table mat-tableshowFirstLastButtons></mat-paginator>因此，当我在html文件：users：dataSource中更改dataSource上的<table mat-table[dataSource]=
浏览 0提问于2019-04-11得票数 0
回答已采纳
我的应用程序中有一个基于mat-table的组件，它允许用户通过单击来选择一行。基于选定的表行，代码在相邻的展开面板中显示有关该行的附加信息/详细信息。加载页面时，不会选择任何表行，因此详细信息面板为空。以编程方式选择表行(假设是第一行)的最佳方式是什么？当前行选择基于对被单击的垫行调用click处理程序，该处理程序将属性'selectedRowIndex‘设置为row.id字段。这会导致
浏览 0提问于2018-08-18得票数 4
1回答
设想情况：<table mat-table #outerSort="matSort" [dataSource]="dataSource" multiTemplateDataRows class
浏览 6提问于2020-08-25得票数 0
我已经创建了一个可扩展的数据表，并且我想在展开的行内显示另一个数据表。这是我的扩展行模板：<div class="mat-row detail-row">
浏览 2提问于2018-11-21得票数 0
2回答
当扩展子组件时，我会触发一个api调用，以获得一些额外的数据，以便延迟加载到redux存储中。redux存储将使用新数据进行更新，而子组件DOM也会成功更新，但问题是，在重新呈现之后，扩展的行不会保持展开状态。它崩溃了。
是否有一种方法可以在redux存储更新并触发重呈现之后保持展开行？
浏览 4提问于2020-02-14得票数 8
我在每一行上都有一个带有组件app-order-statuses的mat-table。 该组件从我的服务器调用订单的状态。 但是，当我加载表时，每行都会调用端点。/Services/api-service/api.service';
selector: 'app-order-statuses',
templateUrl: 'this.statuses = resp
浏览 2提问于2019-03-22得票数 0
1回答
这是我的CSS代码： .mat-table { width:100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
} 展开的行包含另一个表现在看起来是这样的： (展开的行为灰色，包含另一个具有1个元素的表) 📷 展开后： 📷 我没有
浏览 24提问于2019-01-10得票数 0
2回答
string; 'miloID' : string;} html代码 <div> <mat-row *matRowDef="let row; columns: tableColumns"></mat-ro
浏览 56提问于2019-12-03得票数 0
我有回收视图和视图点击我使用您的图书馆展开和崩溃。这里的问题是基于API响应动态创建了可扩展视图布局。因此，在API加载的时候，如果我滚动布局，那么视图就不会被API中的记录更新。我只在点击回收视图项目行并获取API和构造布局时调用API。
onBindViewHolder将在滚动页上被调用，视图将被刷新。但我不知道如何在滚动时加载子视图数据。我在notifyItemChanged中插入了“OnBindHolder”
浏览 0提问于2018-03-15得票数 0
1回答
我试图使用ngGrid在某种程度上建立一个“树控制”，我可以通过调用API来动态地构建它。ngGrid允许对行进行分组，但是它的性质要求所有行都在开始时出现。我正在尝试将子(**ngRows**)注入回调的组行(**ngAggregate**)中，但我不认为我正在为 ngRows 调用正确的构造函数，因为控件忽略了这些行。(this)"
一旦我检索了我想要的组，我就调用一个API来获取该组的子组。然后，我需要作为行<
浏览 0提问于2015-06-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
