天天看點

SAP Spartacus B2B Unit page Expand all按鈕的工作原理

輸入參數:node就是UnitTreeService.getTree傳回的資料,key在這個例子為undefine:

SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
SAP Spartacus B2B Unit page Expand all按鈕的工作原理

  1. map operator裡箭頭函數輸入參數,在這裡例子為空
  2. map operator裡箭頭函數實作體
  3. map operator裡箭頭函數的傳回值
  4. 箭頭函數傳回值作為輸入,傳到pipe驅動的下一個operator去
SAP Spartacus B2B Unit page Expand all按鈕的工作原理
  1. 上一個switchMap箭頭函數的輸出,傳入到本次map作為輸入。
  2. this.thisArg, project字段包含了箭頭函數實作體
  3. this.project, 箭頭函數的實作
  4. 本次map箭頭函數的輸出
SAP Spartacus B2B Unit page Expand all按鈕的工作原理

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

SAP Spartacus B2B Unit page Expand all按鈕的工作原理

繼續閱讀