Dynamic add component using gridstack and angular2? Jquery $.parseHTML does not work

Question

I have the following jsfiddle

I want to be able to stick my custom component into a specific grid (e.g. \"\")

Right now without Angular2, I just use:

Answer 1

You need to use Angular 2’s ViewContainerRef class, which provides a handy createComponent method. The ViewContainerRef can be informally thought of as a location in the DOM where new components can be inserted.

this.cmpRef = this.vcRef.createComponent(factory, 0, injector, []);

Here's a working plunker example.

Or you can use the generic HTML outlete from this post