SAP|SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改
我们知道在 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 里读取语言：
文章图片
【SAP|SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改】切换语言时发生了什么事情？
文章图片
找到触发源：
文章图片
在 Angular UI 里找到了 select 控件的 change 事件的响应处理逻辑：
等号右边是一个表达式：active = $event.target.value;
active 就是 Component 的属性，将 $event 的 target 的 value 字段值(即用户当前选中的语言)赋给 Component active 属性。
文章图片
active 是 Component 的属性。
Component 将控制权交给 service：
文章图片
根据不同的 context 拿到 service：
文章图片
文章图片
精髓在于，返回的是 Observable 对象：
文章图片
等到 subscribe 调用时才触发：
文章图片
文章图片
更多Jerry的原创文章，尽在："汪子熙":
文章图片
推荐阅读
- 赠己诗
- 八、「料理风云」
- 西湖游
- 两短篇
- 9531
- NeuVector 会是下一个爆款云原生安全神器吗（）
- S8大连侠盗勇士
- 走向天空，走向云（小说）３
- 2018年7月11日|2018年7月11日 星期三 多云转晴（18）
- (全员向连载)云间当铺（一）