Angular快速入门

// 引入Angular核心模块
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
 
// 引入根组件AppComponent
import { AppComponent } from './app.component';
 
// 定义应用的根模块
@NgModule({
  // 指定应用中使用的视图类，即这里是根组件AppComponent
  bootstrap: [AppComponent],
  declarations: [
    AppComponent
  ],
  // 告诉Angular这个应用需要BrowserModule来提供浏览器环境下的功能
  imports: [
    BrowserModule
  ]
})
export class AppModule { }
 
// 应用的根组件
@Component({
  selector: 'app-root', // 这个组件在HTML中的标签名称
  template: '<h1>{{ title }}</h1>', // 组件的HTML模板
  styles: ['h1 { color: #369; }'] // 组件的样式
})
export class AppComponent {
  title = 'Hello Angular'; // 组件的数据属性
}

这段代码定义了一个Angular应用的最基本结构。它创建了一个名为AppModule的模块，该模块引入了BrowserModule以便在浏览器环境下运行，并声明了一个根组件AppComponent。AppComponent是一个简单的Angular组件，它有一个标题属性，并在视图中显示这个标题。这个例子展示了如何创建一个基本的Angular应用。