Angular 错误：找不到不同的支持对象'；[对象对象]'；类型为'；对象'；（角度）

当我创建这个程序时，标题中出现了错误。我尝试使用Angular从RESTAPI获取一些信息。我附加了服务、组件中的ts和html。我使用rxjs和Observable来实现这一点。我将服务注入构造函数中。我将感谢任何帮助。非常感谢。

从'@angular/core'导入{Component，OnInit}；
从“rxjs”导入{Observable}；
从“./services/hero.service”导入{HeroService}；
从“./models/Customer”导入{Customer}；
@组成部分({
选择器：“应用程序英雄”，
templateUrl:“./hero.component.html”，
样式URL:['./hero.component.scss']
})
导出类组件实现OnInit{
私有ndg:string；
公共客户数据；
构造函数（专用heroService:heroService）{
这个.ndg='117158101'；
}
恩戈尼尼特（）{
this.heroService.getCustomerInfo（this.ndg）
.subscribe（数据=>{this.customerData=data，
console.log（this.customerData）
}，error=>console.log（error））；
}
}

从'@angular/core'导入{Injectable}；
从“../../../../services/base.services”导入{ApiService}；
从“rxjs”导入{Observable}；
从“../../../../../../../environments/environment”导入{environment}；
从“../models/Customer”导入{Customer}；
@注射的({
providedIn:'根'
})
导出类服务{
构造函数（私有apiService:apiService）{}
getCustomerInfo（ndg:string）{
const url=`${environment.apirl}${environment.ur3Path}cifCustomerDetails/customers/${ndg}`；
返回此.apiService.get（url）；
}
}

欢迎使用您的贷款申请，{{customer.name}
您今天的RM是Sandra Menter。

ngFor

是一种用于为多个元素复制标记的构造，就像您有一个客户阵列一样。在您的情况下，不需要使用它，它应该简单到：

<section class="hero">
  <div class="content-hero">
    <h1>Welcome to your loan <br/> application, {{customerData.customer.name}}</h1>
    <h4>Your RM today is Sandra Menter.</h4>
  </div>
</section>

欢迎使用您的贷款申请，{{customerData.customer.name}
您今天的RM是Sandra Menter。

console.log（this.customerData）

？或尝试：

公共客户数据：any[]=[]

最有可能

这一点。客户数据

不是数组，而是对象。您应该有类似于

让customerData的客户。xxx

其中

xxx

是您可以在

customerData

中看到的阵列名称，显示控制台的记录数据！{rCode:0，客户：{…}}客户：电子邮件：[{…}]姓名：“Yobfh”姓氏：“Yqbxiy”原型：对象rCode:0原型：对象