Ng Dynamic Component

Overview

The ng-dynamic-component is a powerful Angular library designed for developers looking to create dynamic components with full life-cycle support. With the increasing demand for flexible and modular applications, this package simplifies the process of rendering components dynamically, allowing for efficient and effective management of inputs and outputs. Whether you are building a complex application or just need a quick solution for dynamic UI components, ng-dynamic-component provides a comprehensive set of features that can enhance your development experience.

This library supports multiple versions of Angular, ensuring that developers can utilize it across various projects. Its installation and usage are straightforward, requiring minimal setup to render dynamic components in your Angular application. With the recent updates, it has become even more versatile, allowing for standalone API access for dynamic inputs and outputs through established directives.

Features

• Dynamic Component Rendering: Render components dynamically in your Angular application using a simple syntax with <ndc-dynamic>.

• Full Life-cycle Support: Enjoy complete Angular life-cycle support for your dynamic components, enabling you to effectively manage their behavior and state.

• Version Compatibility: Compatible with Angular versions from 12.x.x to the latest, making it a versatile choice for developers on various Angular setups.

• Standalone APIs: Since version 10.7.0, dynamically import components as standalone entities while managing their inputs and outputs separately.

• Signal-based Inputs/Outputs: As of version 10.8.0, the library supports signal-based components for enhanced dynamic interaction using the signal-component-io package.

• NgComponentOutlet Directive: Leverage Angular's native NgComponentOutlet directive as an alternative to <ndc-dynamic>, with added capabilities for dynamic inputs and outputs.

• Change Detection Strategy: Adapt inputs and outputs to your application’s needs by updating inputs on-the-fly, while ensuring standard Angular's life-cycle hooks are triggered.