如何使用Angle 6和TypeScript從數據庫中獲取數據

Question

我做了一些代碼，使用angular 6和打字稿代碼從數據庫中獲取數據。 在后端，我正在使用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));}

我想從數據庫中獲取數據，但是沒有數據。

Answer 1

• 希望您必須在控制器中使用url來處理請求，使用angular中的HTTPClient進行存儲庫映射以從數據庫中獲取數據。
• 首先，嘗試從郵遞員訪問后端網址。 如果您遇到錯誤，則僅表示后端代碼有問題。

Answer 2

1. 測試您的網址，確保其正常工作-獲取所需的數據
2. 在最接近的模塊中導入http，如下所示：

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

3. 這是您的組件代碼：

    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')
        );
    }

4. 現在，您可以獲得數據-arrData