Angular Portal- und Overlay-Rendering | ng-hub-ui-portal

Angular Portal-Bibliothek zum dynamischen Rendern von Komponenten, Templates und Overlays außerhalb des aktuellen DOM-Baums mit Positionierungssteuerung.

Zuletzt aktualisiert 08.08.2026

Übersicht

Warum Teams nach dieser Bibliothek suchen

Diese Angular Portal-Bibliothek hilft dir, Inhalte in Overlays oder individuelle Container zu rendern und dabei Datenfluss und Angular-Integration vorhersehbar zu halten.

Installieren

npm install ng-hub-ui-portal

Springen zu

Ideal für

  • Drawer
  • schwebende Panels
  • Overlay-Oberflächen
  • dynamische Container

Über portal

ng-hub-ui-portal ist nützlich, wenn Angular-Oberflächen das Rendering vom aktuellen DOM-Baum entkoppeln müssen: Drawer, schwebende Panels, dynamische Container oder Overlay-basierte UI. Es gibt Teams eine sauberere Grundlage für projizierte Inhalte und positioniertes Rendering.

Funktionsleitfäden

Inhalts-Rendering

Unterstützung für das Rendern verschiedener Inhaltstypen (Component, TemplateRef, String) mit DatenInjektions- und Projektionsfähigkeiten.

Öffnungsstrategien

Steuern Sie, wie Portale geöffnet werden: progressiver (gestapelter) oder exklusiver (Umschalt-) Modus.

Positionierung

Flexible Positionierungsstrategien für Portale relativ zum Viewport oder zu bestimmten Elementen.

Overlay-Verwaltung

Umfassende Backdrop-, Scroll-Blockierungs- und Fokusverwaltung für Portal-Overlays.

Interaktion

Schließen/Verwerfen Sie Portale mit Ergebnissen, Tastaturunterstützung und benutzerdefinierten Trigger-Selektoren.

Lebenszyklus

Lifecycle-Hooks und Event-Abonnements für die Verwaltung des Portalzustands.

Hauptfunktionen

Letzte Änderungen

Version 22.0.4 - 8/8/26, 12:00 AM

fixed: Documentation links now point at the canonical localized URLs. The README linked to https://hubui.dev/<path> with no locale prefix and no trailing slash, and both forms are 301-redirected, so every reader arriving from npm or GitHub landed on a redirect instead of the canonical page.

Version 22.0.3 - 7/28/26, 12:00 AM

fixed: Removed the invalid aria-portal attribute from the portal window host (not a real ARIA attribute); role=dialog and the aria-labelledby/describedby wiring stay.

Version 22.0.2 - 7/26/26, 12:00 AM

fixed: Declared the real ng-hub-ui-utils peer range (>=22.0.0); the previous >=1.0.0 floor allowed resolving an incompatible utils major.

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

added: Initial documentation page creation

Verwandte Bibliotheken

ng-hub-ui-modal ng-hub-ui-nav ng-hub-ui-utils