Angular 2 dynamic component

dynamic-component.ts

import { Component, Input, ViewChild, OnInit, ComponentFactoryResolver, ComponentFactory, ComponentRef } from '@angular/core';
import { ViewContainerRef } from '@angular/core';
import { SitesList } from './sites/sites-list.component';
import { UserList } from './users/user-list.component'

const components = {
    SitesList,
    UserList
}

@Component({
    selector: 'dynamic-component',
    template: '<div #container></div>'
})

export class DynamicComponent implements OnInit {

    @Input() componentName: string;

    // Inject the dynamic component onto the DOM
    @ViewChild("container", {read: ViewContainerRef}) container: ViewContainerRef;
    
    private componentReference:ComponentRef<any>;

    constructor(
        private viewContainer: ViewContainerRef,
        private resolver:ComponentFactoryResolver
    ) { }

    ngOnInit() {
        let componentFactory = this.resolver.resolveComponentFactory(components[this.componentName]);
        this.componentReference = this.container.createComponent(componentFactory);
    }

}