ax-lazy-element *axLazyElementDynamic in *ngFor about elements HOT 3 CLOSED

Hi @janstadt !

Yes, this is a known issue, I have to update the docs, the thing is, a placeholder custom element currently has to be unique so something like <ax-lazy-placeholder-1> (2, 3, 4 ...) Which doesn't really match that well with ngFor as I am not aware of making the tag name dynamic without stuff like innerHTML or similar DOM level approaches...

Will try to solve it in upcoming days, but feel free to find a solution a submit a PR ! 😉

from elements.

I'll see if i can come up with something. One thing that i tested locally so far that works is to defer the host.name = this.tag; from line 46 down into the loadElement promise (line 65 or something). Not sure if that'll jack things up or not and i feel like there must be a cleaner approach.

What it comes down to is that the TemplateRef seems to be the same for each item inside the loop and it'll just replace whichever one is last. Im gonna research a bit more on how regular structural directives handle this type of dom manipulation.

#26

from elements.

@janstadt I think I got it, fix coming soon :D Together with the a demo :)

from elements.