标签：电商 Spartacus Component UI active SAP 语言

我们知道在 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的原创文章，尽在：“汪子熙”:

标签：电商,Spartacus,Component,UI,active,SAP,语言
来源： https://blog.csdn.net/i042416/article/details/121408539

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。