Bootstrapping Angular 2

Question

Я наблюдал за некоторыми учебниками по Angular 2. Я запутался в загрузке компонентов. Если я хочу создавать приложения с несколькими страницами и не нуждаюсь в этом корневом компоненте, как бы я это сделал? Я вижу, как это будет работать для одностраничных приложений.

Это мой файл Main.Ts.

import { bootstrap } from 'angular2/platform/browser'; 

import { AppComponent } from './app.component'; 

bootstrap(AppComponent); 

Это мой файл app.component.ts.

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'pm-app', 
    template: '<h1>{{PageTitle}}</h1>' 
}) 
export class AppComponent { 
    PageTitle: string = "Test"; 

} 

Если бы я хотел, чтобы перейти на страницу, кроме скажем index.html, и это загрузить другой компонент, не доводя в AppComponent, как бы я идти о выполнении этого? В Angular 1+ это было легко, так как я просто ссылался на контроллер на HTML-странице, которую я хотел использовать. Как я могу просто ссылаться на компонент, который я хочу использовать на другой странице?

Спасибо. Попытка обернуть мою голову вокруг углового 2.

Answer 1

Некоторый компонент всегда должен быть этим корневым компонентом.

Не нужно, чтобы он всегда был одним и тем же компонентом. Вы также можете самонастройки несколько компонентов на одной странице, но каждое приложение Angular2 начинается с некоторым элементом, и это корневой компонент, который инициализируется с

@NgModel({ 
    ... 
    bootstrap: [AppComponent] 
}) 

мнением этого элемента может содержать другие элементы и директивы, которые составляют всего приложения.

Answer 2

Угловой 2 очень хорош в загрузке компонента, поэтому он в 5 раз быстрее, чем угловой 1. IT не загружает весь компонент за один раз. Он загружает требуемый компонент только в качестве концепции Lazy Loading. Для динамической загрузки используется функция Systemjs, а также может использоваться Webpack.

Угловой 2 является модульным в дизайне, поэтому, если у приложения много модулей. Вы можете создать несколько модулей и объединить все модули в один корневой модуль.

Тогда вы можете использовать функцию угловой 2 маршрутизации. Какая загрузка требуемого модуля зависит от того, какой пользователь маршрута щелкнул.

Вы можете узнать из маршрутизации в глубоком здесь

https://angular.io/docs/ts/latest/guide/router.html