Portal и рендеринг оверлеев для Angular | ng-hub-ui-portal

Библиотека portal для Angular для динамического рендеринга компонентов, шаблонов и оверлеев вне текущего дерева DOM с контролем позиционирования.

Обзор

Почему команды ищут эту библиотеку

Эта библиотека portal для Angular помогает отрисовывать контент в оверлеях или пользовательских контейнерах, сохраняя предсказуемыми поток данных и интеграцию с Angular.

Установка

npm install ng-hub-ui-portal

Перейти к

Идеально для

  • выдвижные панели
  • плавающие панели
  • интерфейсы оверлеев
  • динамические контейнеры

О библиотеке portal

ng-hub-ui-portal полезен, когда интерфейсам Angular нужно отвязать рендеринг от текущего дерева DOM: выдвижные панели, плавающие панели, динамические контейнеры или UI на основе оверлеев. Он даёт командам более чистую основу для проецируемого контента и позиционированного рендеринга.

Руководства по возможностям

Рендеринг содержимого

Поддержка рендеринга различных типов содержимого (Component, TemplateRef, String) с возможностями внедрения и проекции данных.

Стратегии открытия

Управляйте тем, как открываются portal: режимы progressive (стекирование) или exclusive (переключение).

Позиционирование

Гибкие стратегии позиционирования portal относительно viewport или конкретных элементов.

Управление overlay

Комплексное управление backdrop, блокировкой прокрутки и фокусом для portal overlay.

Взаимодействие

Закрывайте/отклоняйте portal с результатами, поддержкой клавиатуры и пользовательскими селекторами-триггерами.

Жизненный цикл

Хуки жизненного цикла и подписки на события для управления состоянием portal.

Ключевые возможности

Последние изменения

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

added: Initial documentation page creation

Связанные библиотеки

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