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.

Ü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 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