在Angular中,核心模块的风格发生了一些变化。在早期版本的Angular中,通常会创建一个名为"AppModule"的核心模块,然后在其中导入和声明其他模块、组件、服务等。
然而,从Angular 9开始,官方推荐使用@NgModule
装饰器的新语法来定义核心模块。
下面是一个示例,展示了如何使用新的核心模块风格来定义一个简单的Angular应用:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
Hello Angular!
`
})
export class AppComponent { }
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
通过采用这种新的核心模块风格,可以更好地组织和管理Angular应用程序的模块和组件。同时,新的语法也更加清晰和易于阅读。