dynamic creation of Angular components

create_component_dynamically.ts

 const body = document.getElementsByTagName('body')[0];
// if the markup has changed remove the existing vr-module scripts first
Promise.resolve(_.each(this.activeScripts, (script, index) => {
  const oldNode = body.removeChild(document.getElementById(this.vrScriptPrefix + index));
})).then(() => {
   // clean up the view-container reference...
   this.activeScripts = [];
   _.each(cmp.scripts, (script, idx) => {
         this.appendScript(body, script, Number(idx))
   });
});
const metadata = new Component({
   selector: 'vr-dynamic-element',
   template: cmp.html,
});
createComponentFactory(this.compiler, metadata).then((factory) => {
   const injector = ReflectiveInjector.fromResolvedProviders([],
                                           this.vcRef.parentInjector);
   this.cmpRef = this.vcRef.createComponent(factory, 0, injector, []);
});