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.
下一篇在介绍.