angulaire2 charger dynamiquement le module

Question

J'ai une application en cours d'exécution et dans l'un de mes composants je veux avoir un bouton et sur le clic je veux charger un autre module d'un autre fichier et l'amorcer. Cela fonctionne mais je reçois EXCEPTION: Attendu ne pas être dans la zone angulaire, mais c'est! et je n'ai aucune idée pourquoi et comment y remédier. voici mon code:

index.html: 
<app1></app1> 
<app2></app2> 

et cliquez i cette:

return System.import('../secondapp.ts').then((comp: any) => { 
     platformBrowserDynamic().bootstrapModule(comp.default); 
    }); 

Answer 1

L'erreur est à la suite de l'amorçage de chargement plus d'une fois. C'est une restriction par Angular. Vous devrez disposer du composant avant de l'amorcer à nouveau