如下圖所示，這兩個頁面的頂層節點都是cx-org-unit-list:

再下一層節點是cx-org-list:

再下層cx-split-view, active-view：2，意思是當前有兩個處于激活狀態的view：

cx-org-unit-details
左邊的unit list view的屬性–cx-view-position: 0, 索引為0，第一個視圖：

右邊的unit detail索引為1：

現在到源代碼里去查看cx-split-view節點下面是否有cx-org-unit-details這個子節點：

在運行時，router-outlet子節點后面，動態插入了unitDetail頁面：

動態插入的調用棧：

newChild指向待插入的cx-org-unit-details節點，而refChild是anchor node：

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

總結

以上是生活随笔為你收集整理的SAP Spartacus org unit list和unit detail的分屏显示原理的全部內容，希望文章能夠幫你解決所遇到的問題。

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