Angular Portal 与 Overlay 渲染 | ng-hub-ui-portal

Angular portal 库,可在当前 DOM 树之外动态渲染组件、模板和 overlay,并支持定位控制。

概览

团队为何搜索这个库

这个 Angular portal 库帮助你将内容渲染到 overlay 或自定义容器中,同时保持数据流和 Angular 集成的可预测性。

安装

npm install ng-hub-ui-portal

跳转到

适用于

  • 抽屉
  • 浮动面板
  • overlay 界面
  • 动态容器

关于 portal

ng-hub-ui-portal 在 Angular 界面需要将渲染从当前 DOM 树中分离时非常有用:抽屉、浮动面板、动态容器或基于 overlay 的 UI。它为投影内容和定位渲染提供了更清晰的基础。

功能指南

内容渲染

支持渲染多种内容类型(Component、TemplateRef、String),并具备数据注入和投影能力。

打开策略

控制 portal 的打开方式:渐进式(堆叠)或独占式(切换)模式。

定位

为 portal 提供灵活的定位策略,可相对于视口或特定元素定位。

遮罩层管理

为 portal 遮罩层提供全面的背景遮罩、滚动阻止和焦点管理。

交互

可携带结果关闭/消除 portal,并支持键盘操作和自定义触发器选择器。

生命周期

用于 portal 状态管理的生命周期钩子和事件订阅。

核心特性

最近更改

Version 0.3.3 - 1/7/25, 12:00 AM

added: Initial documentation page creation