我是 Angular 的新手,我正在使用 Angular 4,并且我使用 Angular CLI 制作了一个应用程序,通过ng new
命令。
在 main.ts 中,我们有
...
import {AppModule} from './app/app.module';
.
.
platformBrowserDynamic().bootstrapModule(AppModule);
AppModule 是在中定义的(如您所见)app/app.module
,这就是我们所拥有的app.module.ts
:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
如你所见,它说export class AppModule { }
,并且它还用于platformBrowserDynamic().bootstrapModule(AppModule);
有人可以帮我解释一下吗?
班级的主体确实是空的。但是类之上的装饰器(@NgModule
) 赋予该类其功能。所以说真的,那个类不是空的。在应用装饰器之后,它不需要任何额外的逻辑。bootstrapModule
接受一个类作为输入并假设该类被装饰为@NgModule
以类似于您所拥有的方式进行配置(声明、导入、提供程序等)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)