I am trying to generate dynamic forms based on a set of questions I receive from an API. When the app inits I will dispatch a state action that will call the mock API to get the questions and then the ...

I have a nested structure of components in form of JSON that I get from an API. componentStructure$ = apiCall(); The JSON looks like this: structure = { component, innerComponents: [{ ...

I have a directive that reads src attribute and appends a DynamicComponent. It also sets an input property of DynamicComponent. @Directive({ selector: '[appDynamic]' }) export class InjectDirective {...

I'm working on a dynamic form in Angular where I need to use ngComponentOutlet to dynamically load different components based on the field type. However, I'm struggling to bind formControlName to ...

Inside global-component I have method for dynamically creating component const comFactory = this.resolver.resolveComponentFactory(ParentComponent); const component: any = this.componentContainer....

I am using below code to render my components dynamically - @for(item of list(); track $index){ <!-- dynamic rendering using ng-container --> <ng-container *ngComponentOutlet=&...

I want to dynamically create the injector for embeddedView and for that purpose I use Injector.create() method: const myInjector = Injector.create({ providers: [ { ...

I'm working on an Angular application where I need to build a reusable filter bar component that displays dynamic filter chips based on user selections. The filter chips need to be projected into the ...

I am trying to wrap my head around the following issue. In the root-level app.component you have the following structure: <div class="container"> <sidebar /> <menu-bar /&...

I am trying to setup my auth.component.ts file to use ViewContainerRef from the placeholder.directive.ts file, but I am unsure what I need to populate inside the createComponent() at the end of the ...

I have a use-case, where I should render an external angular component or web-component in an angular application. I have created a sample application (stackblitz) to reproduce the scenario and below ...

I am working on an Angular(17.x) project where I need to create and manage multiple popup dialogs dynamically. I aim to avoid manually creating separate components, inputs, and outputs for each popup. ...

I am currently trying to display a component's html view in another component in a chatbot setting. Let's call them chat component and component 2. So basically chat component which renders the main ...

I often use components to display cell data in an Angular Material Table, including dynamic components created with ngComponentOutlet. When filtering those tables, I can't seem to properly filter ...

I think I'm missing something very basic here, but I've been staring at this for too long. According the docs and everything else I've seen, an Angular directive's @Input() will be accessible on a ...