我們知道在 SAP 電商云 Spartacus UI 里，用戶可以通過下拉菜單更改當前訪問 site 的語言：

監控語言變化的代碼：

this.subscription.add(this.languageService.getActive().subscribe((isoCode: string) =>this.setDirection(this.winRef.document.documentElement,this.getDirection(isoCode))));

這里的 get active，拿的其實是 active language：

從 ngrx store 里讀取語言：

切換語言時發生了什么事情？

找到觸發源：

在 Angular UI 里找到了 select 控件的 change 事件的響應處理邏輯：

等號右邊是一個表達式：active = $event.target.value;

active 就是 Component 的屬性，將 $event 的 target 的 value 字段值(即用戶當前選中的語言)賦給 Component active 屬性。

active 是 Component 的屬性。

Component 將控制權交給 service：

根據不同的 context 拿到 service：

精髓在于，返回的是 Observable 對象：

等到 subscribe 調用時才觸發：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。