Javascript 如何使用Angular从Web Api获取数据？

我想使用asp.net web api获取Mongo数据库，并使用Angular获取web api数据。我创建了emprecord.service.ts、employee.component.html、employee.component.ts。但即使数据显示在web api上，也不会显示在员工页面上。什么可能导致此问题？你能给我一个主意吗？先谢谢你

我的emprecord.service.ts

从'@angular/core'导入{Injectable}；
从“rxjs”导入{observeable}；
从“@angular/common/http”导入{HttpHeaders，HttpClient}；
从“./app/Employee”导入{Employee}；
@可注射（{
providedIn:'根'
})  
导出类服务{
Url=”http://localhost:53202/api";  
构造函数（私有http:HttpClient）{}
GetEmployeeRecord（）：可观察
{  
调试器；
返回this.http.get（this.Url+“/GetDataEmp/GetAllEmployee”）
}  
}

您需要订阅

this.emprecordService.GetEmployeeRecord()
    .subscribe(e => this.emp = e);

---

您订阅observable以初始化请求并使用结果。所以不是

    this.emp = this.emprecordService.GetEmployeeRecord(); 

你应该

    this.emprecordService.GetEmployeeRecord().subscribe(result => this.emp = result);

---

this.http.get

返回一个可观察的。为了获得数据，您需要订阅这个可观察的。我建议你读这本书

试试这个

this.emprecordService.GetEmployeeRecord().subscribe(data => {
  this.emp = data;
});

从'@angular/core'导入{Component，OnInit}；
从“./Employee”导入{Employee}；
从“./emprecord.service”导入{EmprecordService}；
从“rxjs”导入{observeable}；
从'@angular/Router'导入{Router}；
@组件（{
选择器：“应用程序员工”，
templateUrl:“./employee.component.html”，
样式URL:['./employee.component.css']
})  
导出类EmployeeComponent实现OnInit{
私人emp：可观察；
按摩：串；
dataSaved=false；
构造函数（专用路由器：路由器，专用emprecordService:emprecordService）{}
Loademployee（）
{  
调试器；
this.emp=this.emprecordService.GetEmployeeRecord（）.subscribe（结果=>this.emp=result）；
console.log（this.emp）；
调试器；
}  
}  
ngOnInit（）{
localStorage.clear（）；
这个.Loademployee（）；
}   
}