I want to create a dynamic grid using Ion-Grid inside a container I created in a template of my app. I’m building a dynamic page structure using ViewContainerRef.createComponent(ComponentFactoryResolver.resolveComponentFactory(MyComponent)), and now I want to place my components inside the ionic grid system for responsibility. But especially ion-col needs to be directly inside of ion-row because of how flexboxes work, so I can’t place inside a custom component, because Angular makes something like this out of my component: . I haven’t got to make it so I can create Ion-Cols and Ion-Rows with said createComponent() function. Has anybody an idea how to do this? Thanks in advance

[image] mfruehauf-mse: I’m building a dynamic page structure using ViewContainerRef.createComponent I would urge you to reconsider this choice. It’s 100% backwards from what I would consider “idiomatic” Angular, which would use structural directives like *ngFor and *ngIf to draw data into the template, as opposed to pushing it from the controller. As a bonus, doing it that way should design away your immediate problem.

I have no other choice. We’re building a completely dynamic app, the app is loading the layout from our servers and builds the structure using components dynamically. I know this is not how Angular and Ionic apps should be built, but this is how we are building this app at work.

[image] mfruehauf-mse: I have no other choice. How about my “skeleton” or Ben Nadel’s mixed content list?

Create dynamic Ion-Grid using ViewContainerRef.createComponent()

Ionic Framework Ionic Angular

rapropos July 21, 2021, 6:09pm 4

How about my “skeleton” or Ben Nadel’s mixed content list?

Topic		Replies	Views
Dynamic components and Ionic grid system Ionic Angular	1	1512	January 29, 2020
Insert at a selective position custom components in grid columns ionic-v3	6	2195	August 30, 2017
Dynamic content display ionic-v3	0	543	March 1, 2018
Dynamically add ionic ui component into <ion-content> like ionic creator ionic-v3	1	666	April 25, 2018
Change ion grid structure dinamically Ionic Framework	0	384	June 30, 2020

Create dynamic Ion-Grid using ViewContainerRef.createComponent()

Related topics