如何使用 Angular 6 和打字稿从数据库中获取数据答案

【问题标题】：How to fetch data from database using angular 6 and typescript如何使用 Angular 6 和打字稿从数据库中获取数据
【发布时间】：2019-11-11 18:52:36
【问题描述】：

我使用 angular 6 和 typescript 代码从数据库中获取数据来获取数据。在后端，我使用的是 java spring boot。但我无法从数据库中找到数据。

我使用弹簧插值代码从数据库中获取数据

this.profileService.updatepostedjob(this.postedjob.id,{jobrole: this.postedjob.jobrole,descriptions:this.postedjob.descriptions,}).subscribe(data => {console.log(data); 

this.postedjob = data as Postedjob;},error => console.log(error));}

我想从数据库中获取数据，但数据没有来。

【问题讨论】：

能否请您详细说明一下这个问题。
您的后端工作正常吗？它是否提供了您需要的数据？
@AbhishekEkaanth 实际上我编写了从数据库中获取数据的代码，这意味着数据来自我的前端数据库以供显示
@DilanTharaka 是的，先生后端工作正常
请在 satckblitz 中制作此应用，以便我们可以查看代码并获取问题。

标签： angular typescript

【解决方案1】：

希望您必须在控制器中使用 url 来处理请求，存储库映射以从数据库中获取数据，使用 HTTPClient 角度。
首先尝试从邮递员那里访问后端网址。如果你是出现错误，这仅意味着您的后端代码存在问题。

【讨论】：

感谢回复，我检查了邮递员数据正在发送到数据库，模块中也使用了HTTPClient。

【解决方案2】：

测试您的网址，确保它正常工作 - 获取您想要的数据
在最近的模块中导入http，像这样：

    import { HttpClientModule } from '@angular/common/http';
    ....
    @NgModule({
    declarations: [Component1,Component2],
    imports: [CommonModule,HttpClientModule ] })
    export class MyModule{}

这是您的组件代码：

    arrData:any[];
    constructor(http:HttpClient){}
    ...
    initComponent(){
        this.http.get(yourUrl).subscribe(
            (val)=>this.arrData = val,
            error=>console.log('errors while get data from remote server')
        );
    }

现在，你得到你的数据 - arrData

【讨论】：

在浏览器控制台，数据不打印？
是的，浏览器控制台上不打印数据