Mir ist bewusst, dass dies nicht die beste Lösung ist, aber ich möchte in der Lage sein, Komponenten dynamisch aus einer JSON-Antwort zu lade

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  {
}

Wenn ich dieses Beispiel ausführe, ist meine Ausgabe<example></example> rendert die Komponente jedoch nicht. Auch ich habe versucht, @ zu verwend[innerHtml]="component.selector", aber das hat auch nicht funktioniert. Hat jemand eine Idee oder einen Vorschlag?