SAP Spartacus B2B 列表頁面的 (i) icon popover Component 的聲明位置

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的原創文章，盡在："汪子熙":