PageLayoutService 實現裡有一個 cms 依賴：CmsService.

![](https://img-blog.csdnimg.cn/img_convert/78a4dc9ba2c097f7d7a7eba6e0e8c4ef.png)

當前頁面後設資料資訊，透過 cms.getCurrentPage 維護。

![](https://img-blog.csdnimg.cn/img_convert/b294d484fce6c1100f1186f3cf3d16b4.png)

從 routingService 裡拿到當前頁面上下文，再從 central 的 ngRx store 裡抽取實際資料：
![](https://img-blog.csdnimg.cn/img_convert/fa3bc5f9452e7f81025d2698b159ed99.png)

routingService.getPageContext 的實現：從 store裡讀取。

![](https://img-blog.csdnimg.cn/img_convert/f56017aa1decfefc1692fdd81b645e88.png)

![](https://img-blog.csdnimg.cn/img_convert/9267bd75ca01cfee225b9445faa6efce.png)

關於 TypeScript 的箭頭函式，下列兩種寫法都正確：

第一種：沒有給該函式指定返回型別，TypeScript 編譯器自動推導。

```typescript
let fun5 = (data:number)=> data * data;
```

第二種：完整寫法。第一個箭頭後面的 number，表明返回型別為 number.

```typescript
let fun5:(data:number) =>number = (data:number)=> data * data;
```
select 接受一個輸入引數：RoutingSelector.getNextPageContext，該引數一看就是一個函式：輸入型別為 any，輸出型別為 PageContext：

![](https://img-blog.csdnimg.cn/img_convert/47a93f1231511524f2c18233544f948d.png)

getNextPageContext 的型別定義正好和 select 介面裡規定的 mapFn 的型別定義完全一致：

(state: any) => PageContext

select<any pagecontext="">(mapFn: (state: any) => PageContext): (source$: Observable<any>) => Observable<pagecontext>

select 本身的型別定義：返回一個函式，該函式接收的輸入引數是型別為 T 的 Observable，輸出是型別為 K 的 Observable 物件。

![](https://img-blog.csdnimg.cn/img_convert/a1657ed69f07fa0fc8be35456f0e7df1.png)

先假設 routingState 已經拿到了，先把 mapper 函式寫好。然後再回過頭來，解決如何拿到 routingState，即 getRouterState 要解決的問題。
![](https://img-blog.csdnimg.cn/img_convert/4e3784c1dcb36f93f8dee5da0987d55a.png)

同理：
![](https://img-blog.csdnimg.cn/img_convert/4b821f50c6a23945afd0dc792fb8e79b.png)</pagecontext></any></any>

SAP Spartacus 如何獲得當前渲染頁面的 CMS 後設資料

相關文章