Angular Portal 与 Overlay 渲染 | ng-hub-ui-portal
Angular portal 库,可在当前 DOM 树之外动态渲染组件、模板和 overlay,并支持定位控制。
交互式示例
探索实时示例,了解该库在常见 Angular 用例中的表现。
组件渲染
TemplateRef 渲染
字符串内容
数据传递
内容投影
渐进式打开(堆叠)
Active Portals: 0
切换(互斥)
Active Portal: None
基础用法(旧版)
Portal Controls
Content is rendered dynamically into the DOM (typically body) using the HubPortal service, completely detaching it from this component's DOM hierarchy while preserving Angular context.
自定义容器(旧版)
Configuración de Posicionamiento
Elementos de Referencia
Top LeftEsquina superior izquierda
Top RightEsquina superior derecha
CenterElemento central
Bottom LeftEsquina inferior izquierda
Bottom RightEsquina inferior derecha
Targets de Portal
Target 1
Target 2
Target 3
Configuración Actual
Posición: absolute
Target: body
Offset: X: 0px, Y: 0px
Backdrop: No
服务与注入(旧版)
Gestión Programática de Portales
Notificaciones Toast
Modales Dinámicos
Overlays Complejos
Gestión Global
Estado del Sistema de Portales
Portales Activos:0
Último Portal:Ninguno
Z-Index Actual:1000
Auto-increment ID:1