Angular 學習筆記 ( CDK - Portal )

Portal 的主要使用場景是 dynamic component 動態的插入模板或元件. 

 

Portal 可分為 2 種. 進入和出去 (in or out)

ComponentPortal, TemplatePortal 屬於第一種 in 

PortalOutlet 屬性 out 

TemplatePortal 可以通過指令來建立, component 只能通過例項化來建立. 

要明白它們的使用技巧最好是先理解在 ng 裡如果自己建立動態元件. 

可以看看我之前的學習筆記, 雖然有點舊, 可能有些地方已經不相容最新版本了, 但是概念還是差不多的. 

 

portal and portal outlet 簡單說就是封裝了 dynamic compoenent 和 template outlet 的使用. 

而在 material 中, 大部分的情況下 portaloulet 是基於 overlay 來使用的. 意思是我們並不直接使用 portaloutlet 而是使用另一個更上層的實現 overlay.

下一篇在介紹. 

 

關鍵詞:portal 使用 筆記 學習 angular cdk 建立 overlay outlet 通過

相關推薦:

React系列——React元件封裝集合

React系列——封裝一個Portal可複用元件

React應用架構設計

Angular 路由配置

白話Angular詞彙

angular2 路由

Material使用06 自定義主題、黑夜模式\白天模式切換

angular 學習筆記

Building a Modal Dialog with Vue.js and Vuex

Unity2017.1官方UGUI文件翻譯——Canvas Scaler