如何在Angular2中獲得可觀察的響應？

Question

我已經消耗了具有json響應的http網址

 [
    {
    _id: "5a22ff88a06b10436a9da55f",
    updatedOn: "2017-12-02T19:31:20.026Z",
    createdOn: "2017-12-02T19:31:20.026Z",
    createdBy: "Vishal Patel",
    status: "o",
    penddate: "2017-12-20T00:00:00.000Z",
    pstartdate: "2017-12-03T00:00:00.000Z",
    name: "vishal patel",
    epmid: "e100",
    pid: "1000",
    __v: 0
    }
    ]

使用以下代碼在.service.ts文件中

getProjects(): Observable<MaterialList[]> 
{
return this.http.get<MaterialList[]>(this.url)
.pipe(
tap(projectlist => this.log(`FetchedList`)),
catchError(this.handleError('getProjects',[]))
);

}

在abc.component.ts文件中

用這個

projectlist: MaterialList[] = [];

this.getProjectsList.getProjects().subscribe(projectlist => this.prrojectlist = projectlist['']);

我也檢查過使用

this.getProjectsList.getProjects().subscribe(projectlist => { this.prrojectlist = projectlist['']});

但無法在this.projectlist獲得響應。

我遵循了angular.io的英雄教程

請幫助我是Angular2 typescript2的新手。

Answer 1

您已將空白數組分配給結果數組。

請從this.getProjectsList.getProjects().subscribe(projectlist => this.prrojectlist = projectlist['']);修改您的代碼this.getProjectsList.getProjects().subscribe(projectlist => this.prrojectlist = projectlist['']); 對此this.getProjectsList.getProjects().subscribe((data) => this.prrojectlist = data);