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

Angular 2非常适合加载组件，这就是为什么它比angular 1快5倍.IT不会一次加载所有组件它只会加载所需的组件作为延迟加载的概念。对于动态加载，它使用Systemjs的功能，也可以使用Webpack。

Angular 2是模块化设计，因此如果您的应用程序有许多模块。您可以创建多个模块并将所有模块绑定到单个根模块中。

然后您可以使用角度2路由功能。根据用户点击的路线加载所需模块。

您可以从这里深入学习路线

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

引导角度2

2 个答案: