码迷,mamicode.com
首页 > 其他好文 > 详细

Angular 学习笔记 ( CDK - Portal )

时间:2017-11-12 12:32:04      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:指令   新版本   封装   上层   不兼容   component   最新版本   mic   直接   

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 学习笔记 ( CDK - Portal )

标签:指令   新版本   封装   上层   不兼容   component   最新版本   mic   直接   

原文地址:http://www.cnblogs.com/keatkeat/p/7821197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!