Add inputs to dynamic component

host.component.ts

import { Component } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

@Component({
 selector: 'host',
 templateUrl: './host.component.html',
 styleUrls: [ './host.component.css' ],
 entryComponents: [DynamicComponent]
})
export class AppComponent  {

  name = 'Dynamic';

  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor (private resolver: ComponentFactoryResolver) {
  }

  addComponent() {
    let factory = this.resolver.resolveComponentFactory(DynamicComponent);
    this.container.createComponent(factory);
    let inputs = { name: this.name };
    let component = factory.create(null);
    Object.keys(inputs).map(input => {
      component.instance[input] = inputs[input];
    });
    this.container.insert(component.hostView);
  }

}