輸入?yún)?shù)：node就是UnitTreeService.getTree返回的數(shù)據(jù)，key在這個例子為undefine：

因為activeUnitId為空，所以什么也沒有執(zhí)行：

最后的頁面顯示：

UnitTreeService里的collapseAll和expandAll，分別對應(yīng)頁面這兩個按鈕：

/*** 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，主動調(diào)用next方法：

BehaviorSubject的super：Subject

Subject調(diào)用自己的next方法？

我理解錯了，第35行的代碼相當(dāng)于：

const observers = this.observers;

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

即此處：

使用next方法調(diào)用map operator：

這個操作叫做：無中生有

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

map operator里箭頭函數(shù)輸入?yún)?shù)，在這里例子為空

map operator里箭頭函數(shù)實現(xiàn)體

map operator里箭頭函數(shù)的返回值

箭頭函數(shù)返回值作為輸入，傳到pipe驅(qū)動的下一個operator去

在switchMap里notify下一個Operator：

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

this.thisArg, project字段包含了箭頭函數(shù)實現(xiàn)體

this.project, 箭頭函數(shù)的實現(xiàn)

本次map箭頭函數(shù)的輸出

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

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。