Json 从api接收正确的数组,但值​;不要出现在mat表中

Json 从api接收正确的数组,但值​;不要出现在mat表中,json,angular,typescript,Json,Angular,Typescript,几周前我决定学英语,但我有困难。我无法用值填充表​​使用MatTable从API接收。 我收到了正确的值​​但是这些值​​不显示在表中,编译时没有错误。 我尝试过许多解决办法,但都不管用。请帮忙 HTML: 身份证件 {{element.ID} 名称 {{element.name} 动物型 {{element.animaltype} 比赛 {{element.race} 我怀疑来自getAdoptions的响应在名为data的嵌套属性中包含您正在查找的数据,但您正在加载到MatTable中

几周前我决定学英语,但我有困难。我无法用值填充表​​使用MatTable从API接收。 我收到了正确的值​​但是这些值​​不显示在表中,编译时没有错误。 我尝试过许多解决办法,但都不管用。请帮忙

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订阅中获得的值来验证(或反驳)这一点。

我尝试过,但没有成功。。。无论如何,谢谢你:)