引导角度2

2019年7月21日 205次阅读

我一直在观看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缠绕我的头.

最佳答案 某些组件始终必须是该根组件.

它不需要始终是相同的组件.您还可以在一个页面上引导多个组件,但每个Angular2应用程序都从某个元素开始,这是初始化的根组件

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

该元素的视图可以包含构成整个应用程序的其他元素和指令.

点赞