New dynamic Angular components are always placed at the top of the container

Asked Feb 23 '19 at 14:58

Active Feb 23 '19 at 14:58

Viewed 30 times

I am creating dynamic components in the following way

<div #newComponents></div>

addCategory = (categoryName: string) => {
const formRowFactory = this.resolver.resolveComponentFactory(FormRowComponent);
const { instance: formRowComponent } = this.newComponents.createComponent(
  formRowFactory, // playing with the index over here
);
}

No matter what I use for the index in the createComponent call I always get the new component to be placed as first. What am I doing wrong?

asked Feb 23 '19 at 14:58

Konstantinos Papakonstantinou

1

Don't pass an index value. The default behavior is to append new components to the view. – Reactgular Feb 23 '19 at 15:19
Can you create a stackblitz demo, because it should put new component using provided index or as the last one if you didn't specify index parameter. – Amir Arbabian Feb 23 '19 at 16:46
@cgTag thanks that solved my problem – Konstantinos Papakonstantinou Feb 23 '19 at 18:40

New dynamic Angular components are always placed at the top of the container

0 Answers0