使用http服务

Question

我在离子项目中创建了一个动态菜单，对于每个菜单项，我必须通过API调用来获取所选的页面数据。

1. 我已将app.component.ts点击的菜单ID传递给remote-service.ts。
2. 我需要从WordPress DB中获取数据，我找到了API调用方法。

app.html

<button menuClose ion-item *ngFor="let p of menuinformations" (click)="openApage(p.id)">
   {{p.title.rendered}}
</button>

此处menuinformations包含要在菜单中显示的页面的JSON数组。



app.component.ts

openApage(pageinfo) {
 var pagedetails = this.service.getSinglePage(pageinfo).subscribe(
    data => {
        this.pageinformations = data
    });
 console.log(pagedetails);
    this.nav.push(AboutusPage, {
        pageinfodetails: pagedetails
    });
}

远程service.ts

getSinglePage(pageinfo)
  {
    let options = new RequestOptions({ headers: this.headers })
    let URL ="http://your-domain.com/wp-json/wp/v2/pages/"+pageinfo;
    return this.http.get(URL).map(res => res.json());
  }

我成功获取了remote-service.ts文件的页面ID。但是无法从api响应中获取数据。

当我在浏览器中粘贴 URL 时，它会将数据作为JSON格式提取。

我需要的是，当我点击菜单时，需要进行API调用并获取数据，以便我可以为此做些什么。