Угловой 2 динамически

Question

Я очень новичок в Angular 2. Я был просто брошен в огонь, чтобы исправить угловое приложение.

Я пытаюсь выяснить, как динамически загружать компонент, вот пример. В этом модуле приложения «AppComponent» загружается первым. Я хотел бы иметь AppComponent для каждой HTML-страницы, что является правильным способом сделать это?

1). Создайте корневой компонент приложения для каждой страницы, например: HomepageAppComponent, SitesAppComponent (для sites.html) и т. Д.?

2). Используйте один AppComponent и как-то скажите ему загрузить SiteComponent на сайтах sites.html.

Вот это app.module.ts пример файла:

import { NgModule } from '@angular/core'; 
import { RouterModule } from '@angular/router'; 
import { UniversalModule } from 'angular2-universal'; 
import { AppComponent } from './components/app/app.component' 
import { NavMenuComponent } from './components/navmenu/navmenu.component'; 
import { HomeComponent } from './components/home/home.component'; 
import { SitesComponent } from './components/sites/sites.component'; 
import { CounterComponent } from './components/counter/counter.component'; 

@NgModule({ 
    bootstrap: [ AppComponent ], 
    declarations: [ 
     AppComponent, 
     NavMenuComponent, 
     CounterComponent, 
     SitesComponent, 
     HomeComponent 
    ], 
    imports: [ 
     UniversalModule, // Must be first import. This automatically imports BrowserModule, HttpModule, and JsonpModule too. 
    ] 
}) 
export class AppModule { 
} 

Answer 1

Если AppComponent является одинаковым для каждой страницы, то просто положить routeroutlet элемент в AppComponent. затем создайте маршрут для HomeComponent, SiteComponent ...