angular2-modules

I can dynamically load local modules as someone else did in the plunker here . But how do I load an external module, lets say from a separate bundle js served by another service. In the example plunker, src/app.ts has: constructor(private viewref: ViewContainerRef, private resolver: ComponentFactoryResolver, private loader: SystemJsNgModuleLoader, private compiler: Compiler){ this.module = new ModuleNode(); //can I make this a non-local script reference somehow? //like to http://example.net/external.module.bundle.js this.module.modulePath = "src/dynamic.module#DynamicModule"; this.module

Error : Tried to find bootstrap code, but Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options. main.ts getHttp().get('/assets/config.json').toPromise() .then((res: Response) => { let conf = res.json(); platformBrowserDynamic().bootstrapModule(createAppModule(conf)); }) I am using angular-cli. With angular v2.3.1 this code was working fine. I want to fetch json and pass it to @Ngmodules providers { provide: Config, useValue: conf } If the data you are fetching from config.json are just about a configuration of an application module and you are

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { ClinicFacilityService } from './apiClient.module'; @NgModule({ imports: [ CommonModule, FormsModule ], declarations: [ DailyScheduleComponent, ], providers: [ ClinicFacilityService ], exports: [ DailyScheduleComponent ], }) export class ClinicDashboardModule { } I need to import ClinicFacilityService that is declared in another module ( apiClient.module ) Is this even possible, if not why is not possible. At the moment i am importing

For a website with authentication in Angular2, I want to use a component of the authentication submodule in the main app component. However, I keep getting the following error: app/app.component.ts(3,10): error TS2305: Module '"<dir>/app/auth/auth.module"' has no exported member 'SigninComponent'. even after exporting SigninComponent. The project folder structure is as shown below: app/auth/auth.module.ts: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { RegisterComponent } from './components

I have a main module and some submodules. And I want to specify some not trivial routing between them. I'd prefer defining the routes of a submodule within the submodule. E.g.: @NgModule({ imports: [ /*...*/ RouterModule.forChild([ { path: 'country', redirectTo: 'country/list' }, { path: 'country/list', component: CountryListComponent }, { path: 'country/create', component: CountryCreateComponent }, /*...*/ ]) ], declarations: [/*...*/], exports: [ RouterModule, ], }) export class CountryModule {} I want to import this module with its own internal routing, but I want to make its whole routing

In the angular docs FAQ section it states, "Unlike providers of the modules loaded at launch, providers of lazy-loaded modules are module-scoped." link Does 'module-scoped' here mean just the module or does it extend to include all components belonging to that module? The reason I ask is because I have a lazy-loaded module with 2 components that belong to it. I register a service in the module but for some reason each component is getting a different instance of that service. What do I need to change in order to provide LazyModuleService in my lazy-loaded module and have that service scoped to