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.

下一篇在介绍.