{"repo":"gund/ng-dynamic-component","free":true,"listed":false,"github":"https://github.com/gund/ng-dynamic-component","clone":"git clone https://github.com/gund/ng-dynamic-component.git","description":"Dynamic components with full life-cycle support for inputs and outputs for Angular","language":"TypeScript","stars":559,"topics":["angular","component","dynamic","lifecycle","lifecycle-hooks","dynamic-components","life-cycle-support"],"license":"MIT","category":"ui-components","readme_excerpt":"ng-dynamic-component Dynamic components with full life-cycle support for inputs and outputs Hey! There is a proposal for new API! So if you are using this library please give your vote/feedback. Compatibility with Angular Angular ng-dynamic-component NPM package ------------ -------------------- ------------------------------ =14.1.3 11.x.x ng-dynamic-component@^11.0.0 =14.1.3 =14.0.0 Note: Angular 22 and later require ng-dynamic-component v11 or later because Angular removed ComponentFactoryResolver and ComponentFactory . Installation Usage DynamicComponent Import DynamicModule where you need to render dynamic components: Then in your component's template include where you want to render component and bind from your component class type of component to render: Standalone API Since v10.7.0 You may use as a standalone component: NOTE: Hovewer you should be aware that this will only import into your component and nothing else so things like dynamic inputs/outputs will not work and you will have to import them separately (see their respective sections). If you still need to use both and dynamic inputs/outputs it is recommended to keep using DynamicModule API. Singal based inputs/outputs Since v10.8.0 If you want to dynamically render signal based components - see signal-component-io package. NgComponentOutlet You can also use NgComponentOutlet directive from @angular/common instead of . Import DynamicIoModule where you need to render dynamic inputs: Now apply ndcDynamicInputs an","default_branch":null,"files":null,"tree":[],"storefront":"/r/gund","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gund/ng-dynamic-component/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}