Json 从api接收正确的数组,但值;不要出现在mat表中
几周前我决定学英语,但我有困难。我无法用值填充表使用MatTable从API接收。 我收到了正确的值但是这些值不显示在表中,编译时没有错误。 我尝试过许多解决办法,但都不管用。请帮忙Json 从api接收正确的数组,但值;不要出现在mat表中,json,angular,typescript,Json,Angular,Typescript,几周前我决定学英语,但我有困难。我无法用值填充表使用MatTable从API接收。 我收到了正确的值但是这些值不显示在表中,编译时没有错误。 我尝试过许多解决办法,但都不管用。请帮忙 HTML: 身份证件 {{element.ID} 名称 {{element.name} 动物型 {{element.animaltype} 比赛 {{element.race} 我怀疑来自getAdoptions的响应在名为data的嵌套属性中包含您正在查找的数据,但您正在加载到MatTable中
HTML:
身份证件
{{element.ID}
名称
{{element.name}
动物型
{{element.animaltype}
比赛
{{element.race}
我怀疑来自getAdoptions
的响应在名为data
的嵌套属性中包含您正在查找的数据,但您正在加载到MatTable中的是外部响应对象本身
i、 例如,你正在做:
let resp = this.accountService.getAdoptions(this.getUserId());
resp.subscribe(data => {
this.dataSource = new MatTableDataSource(data);
这看起来很合理,但当我查看控制台输出的this.dataSource.data
时,我发现采用记录位于名为data
的属性中。i、 例如,返回信息的原始形状可能是:
getAdoptionsResponse: {
data: Adoption[];
}
如果是这种情况,则需要更新代码以执行以下操作:
let resp = this.accountService.getAdoptions(this.getUserId());
resp.subscribe(response => {
this.dataSource = new MatTableDataSource(response.data);
以便正确加载数据
您应该能够通过打印从getAdoptions订阅中获得的值来验证(或反驳)这一点。我尝试过,但没有成功。。。无论如何,谢谢你:)