Question

我正在使用Wordpress WP API将数据解析到我的Angular2应用程序中。

我需要获取数据来填充我的页面，我需要根据ActivatedRoute获取页面SLUG。但是，我不知道如何实现这一目标。在“项目”页面中，我需要有页面数据。

这是我的页面数据的Json示例：

[{
  "id":16,
  "date":"2015-06-24T11:44:03",
  "slug":"projects",
  "type":"page",
  "title":{"rendered":"Projects"}
}]

首先，我创建了一个页面服务：

@Injectable()
export class PageService {

constructor(private http: Http) {}

getPage(slug): Observable<Page>  {

    return this.http
        .get(`${PROJECT_API}pages?slug=${slug}`)
        .map((res: Response) => res.json());
}

}

然后，在我的app.component中，我尝试获取激活的路由参数，将SLUG从我的服务解析为getPage函数：

export class AppComponent implements OnInit {

   page: Page[]; // Interface of Page

   constructor(
       private router: Router,
       private activatedRoute: ActivatedRoute,
       private pageService: PageService
   ) {}

   ngOnInit() {
        this.activatedRoute.params
          .switchMap((data: Page) =>   this.pageService.getPage(data.slug))
          .subscribe((data: Page) => {
            console.log(data[0])
            this.page = data[0]
          });

   }

}

在我的控制台中，我得到“未定义”。

我希望每个页面从ActivatedRoute动态获取页面SLUG并获取数据以填充每个页面。

对于每个页面（组件模板），我可以简单地解析：