輸入參數：node就是UnitTreeService.getTree返回的數據，key在這個例子為undefine：

因為activeUnitId為空，所以什么也沒有執行：

最后的頁面顯示：

UnitTreeService里的collapseAll和expandAll，分別對應頁面這兩個按鈕：

/*** Sets the global toggle state to _expanded_ and clears the toggle state* for individual units.*/expandAll() {this.globalToggle$.next(TREE_TOGGLE.EXPANDED);this.treeToggle$.next(new Map());}

globalToggle$是一個BehaviorSubject，主動調用next方法：

BehaviorSubject的super：Subject

Subject調用自己的next方法？

我理解錯了，第35行的代碼相當于：

const observers = this.observers;

這一次，treeToggle$通過pipe組裝了一個Map operator：

即此處：

使用next方法調用map operator：

這個操作叫做：無中生有

使用map操作，成功生成了新的一份clean的，完整的數據：

map operator里箭頭函數輸入參數，在這里例子為空

map operator里箭頭函數實現體

map operator里箭頭函數的返回值

箭頭函數返回值作為輸入，傳到pipe驅動的下一個operator去

在switchMap里notify下一個Operator：

上一個switchMap箭頭函數的輸出，傳入到本次map作為輸入。

this.thisArg, project字段包含了箭頭函數實現體

this.project, 箭頭函數的實現

本次map箭頭函數的輸出

所以，看這個調試的調用棧，expandAll按鈕，觸發者是unit-list.component.ts, 通過unit-tree.service.ts，最終會調用到unit-list.service.ts：

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

總結

以上是生活随笔為你收集整理的SAP Spartacus B2B Unit page Expand all按钮的工作原理的全部內容，希望文章能夠幫你解決所遇到的問題。

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