Angular 学习笔记 ( CDK - Portal )
2023-09-27 14:23:56 时间
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.
下一篇在介绍.
相关文章
- angular react vue 浏览器兼容情况汇总
- angular -- $resource 用法
- angular ng-repeat元素swiper无法滑动问题解决
- angular ng-repeat点击切换样式,浅谈track by $index
- Angular实战项目(1)
- (4)Angular的开发
- Angular学习笔记
- Angular 简单的Get
- Angular 序列化和反序列化和遍历
- angular的splitter案例学习
- angular例子笔记
- GIS教程之将 Plotly.js 与 Angular 一起使用
- Angular:在应用初始化时运行代码
- 试用 Angular v6 的 Ivy compiler
- 【转载】angular监听dom渲染完成,判断ng-repeat循环完成