SAP Spartacus B2B 頁面的列表頁面，一共有 6 個類似 SAP Fiori Language 里的 tile(磁貼)：

點擊去之后，能看到列表頁面有一個綠色 icon 圖標，點擊之后，彈出一個 Popover Component：

第一個疑問就是：我們需要在 6 個 不同的 tile 對應的列表頁面里，重復定義 6 次 這個 Popover Component 么？

答案是否定的。我們并沒有在 Spartacus 標準代碼里，發現類似 User List Component，這提示我們，無論 User List，還是 Org List，很可能是重用某一個 Spartacus 共享控件，只是在運行時，動態注入了一些 tile specific 特性。

我們這個猜想，從運行時渲染出的 HTML 代碼里得到了印證：User List 的頁面，使用的 Component selector 為 cx-org-list, class 為 orgUser：

而 Org Unit List，使用的同樣是 cx-org-list，區別是 class 為 orgUnit：

selector cx-org-list 對應的 Angular Component 的 template 實現為：list.component.html:

(i) icon 及點擊之后彈出的 Popover Component 的布局和邏輯，就寫在這個 HTML 文件里，且只實現一次：

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

總結

以上是生活随笔為你收集整理的SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置的全部內容，希望文章能夠幫你解決所遇到的問題。

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