Question 1

How do I pass dynamic inputs and outputs in ng-dynamic-component?

Accepted Answer

Use the [ndcDynamicInputs] and [ndcDynamicOutputs] bindings with <ndc-dynamic> or ngComponentOutlet, ensuring you import DynamicIoModule or DynamicIoDirective for standalone API. Inputs update with change detection, and outputs can include template variables via special objects.

Question 2

ng-dynamic-component vs Angular's NgComponentOutlet: which is better?

Accepted Answer

ng-dynamic-component extends NgComponentOutlet with full lifecycle support for inputs and outputs, making it superior for complex dynamic rendering. However, for simple cases without I/O needs, NgComponentOutlet alone is lighter, but ng-dynamic-component adds type safety and integration at the cost of extra dependencies.

Question 3

How to use ng-dynamic-component with standalone components?

Accepted Answer

Import specific directives like DynamicComponent, DynamicIoDirective, or DynamicAttributesDirective into your standalone component. Note that DynamicComponent alone doesn't support inputs/outputs; you must import other directives separately, as warned in the README, to avoid missing functionality.

Question 4

Does ng-dynamic-component support Angular signals?

Accepted Answer

Yes, but via a separate package called signal-component-io. This optional package provides support for signal-based components, requiring additional installation and setup for dynamic rendering with signal inputs and outputs.

Question 5

What are the limitations of dynamic directives in ng-dynamic-component?

Accepted Answer

Dynamic directives are experimental and have several limitations: @ContentChild and @HostBinding decorators don't work, and the OnChanges hook isn't triggered. They are best used for simple directives without these advanced features, as noted in the README.

Question 6

How can I handle component creation events?

Accepted Answer

Use the (ndcDynamicCreated) output event on <ndc-dynamic> to receive a ComponentRef when the dynamic component is instantiated. This allows direct access to the component reference for manipulation or logging.

Question 7

Is ng-dynamic-component compatible with Angular 15?

Accepted Answer

Check the compatibility table in the README; it lists supported versions. For Angular 15, you likely need ng-dynamic-component version 10.x or later, but always verify the latest matrix to ensure version alignment and avoid conflicts.

ng-dynamic-component

What is ng-dynamic-component?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions