Я знаю, что это не лучшее решение, но я хотел бы иметь возможность загружать компоненты динамически из ответа JSON, что-то вроде этого:

app.component

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1> {{component.title}} {{component.selector}}',
    providers: [AppService],
    directives: [ExampleComponent]
})
export class AppComponent implements OnInit {

    component:{};

    constructor(
        private _appService: AppService) {
    }

    ngOnInit() {
        this.component = this._appService.getComponent();
    }
}

app.service

@Injectable()
export class AppService {

    component = {
        title: 'Example component',
        selector: '<example></example>'
    }

    getComponent() {
        return this.component;
    }
}

example.component

@Component({
    selector: 'example',
    template: 'This a example component'
})
export class ExampleComponent  {
}

Если я запускаю этот пример, мой вывод<example></example> но на самом деле он не рендерит компонент. Также я пытался использовать[innerHtml]="component.selector", но это тоже не сработало. У кого-нибудь есть идея или предложение?