AngularFixing

Issue I have a requirement to add a dynamic component to the Angular application. The idea is to bundle the component in one JavaScript file which will be downloaded on some condition. The whole idea is to ship independent components(features)

Issue I implemented with ndc-dynamic for creating dynamic component. It works very well with outputs, but inputs was not working. I will show my code. <ng-container *ngComponentOutlet=”item.widgetComponent; ndcDynamicInputs: inputs; ndcDynamicOutputs: outputs”> in the ts file aButtonDisabled: boolean; bButtonDisabled: boolean; inputs

Issue I am dynamically loading an Angular component (MyComponent) with the following code. I am also passing some data to the component after creating it. let componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyComponent); this.viewContainerRef.clear(); let componentRef = this.viewContainerRef.createComponent(componentFactory); (<MyComponent>componentRef.instance).setData(data); When will the OnInit lifecycle

Issue I would dynamically component to another component in the service , Firstly inside the service factory both components and I created the component with access to ViewContainer. But the component cannot be create ! Service : @Injectable({ providedIn: ‘root’

Issue I would dynamically component to another component in the service , Firstly inside the service factory both components and I created the component with access to ViewContainer. But the component cannot be create ! Service : @Injectable({ providedIn: ‘root’

Issue I would dynamically component to another component in the service , Firstly inside the service factory both components and I created the component with access to ViewContainer. But the component cannot be create ! Service : @Injectable({ providedIn: ‘root’

Issue On an Angular 8 project i created some dynmic components without a viewref with the following code: const componentFactory = this.componentFactoryResolver.resolveComponentFactory(HelloComponent); const componentRef = componentFactory.create(this.injector); componentRef.changeDetectorRef.detectChanges(); componentRef.instance.slideContentRendered.pipe(first()).subscribe(x => {console.log(‘does not work’, x);}); in the HelloComponent itself i’m waiting for

Issue I need to create components dynamically based on a predetermined type, and be able to set and get data from them. Up until now I’m able to create and show the componentes, but I don’t know how to set

Issue I am creating a dynamic tab based components and passing the necessary component properties to build the component through an object. How to pass @Input as a parameter and then use the input with ComponentFactoryResolver and create inputs. Here

Issue I try to call a dynamic component from another component but it showing me an empty page This is the dynamic component.ts : @Component({ selector: ‘app-draw-linechart’, templateUrl: ‘./draw-linechart.component.html’, styleUrls: [‘./draw-linechart.component.css’] }) export class DrawLinechartComponent implements OnInit { constructor(private productservice:

Issue In my app I need to load HTML from a file. This file contains plain HTML code and come anchors. Now, when I click on such an anchor I would like to scroll this anchor into view. Therefore I

Issue In my app I need to load HTML from a file. This file contains plain HTML code and come anchors. Now, when I click on such an anchor I would like to scroll this anchor into view. Therefore I

Issue I am building a dialog with dynamic tabs that can receive a component to be placed in the tab body. I am having a hard time creating multiple dynamic components using @ViewChildren. I have successfully done this with a

Issue anyone know if it is possible to pass a component into another component? I am trying to promote code re-use in our company Dev team, but hitting some blockers . I have a Component for displaying Tabs, I want

Issue I am creating an app which has an API that returns different number of objects in an array depending on the variable that I send him. Depending on how many objects are returned I want to draw that many

Issue I am trying to set reactive form controls inside dynamic component from parent component. @ViewChild("priceSpecComp", { read: ViewContainerRef}) priceSpecComp: ViewContainerRef LoadDynamicComponent(variant, addons) { priceSpecComp.clear(); var comp = priceSpecComp.createComponent(PricingSpecDynamicComponent) comp.instance.setFormControls(variant, addons); } Inside PricingSpecDynamicComponent NgOnInit there is a http call

Issue In my angular app I create components dynamically using the new createComponent function. I think this feature was added in v14.1. Anyway, this is my experiment import { createComponent, …. } from ‘@angular/core’; @Directive({ selector: ‘[myInjector]’ }) export class