@agModule的imports
时间: 2023-07-03 16:30:33 浏览: 125
Imports Fixer v1.6
3星 · 编辑精心推荐
当使用 `@NgModule` 装饰器时,我们可以在 `imports` 属性中导入其他的 Angular 模块。这些模块可以提供我们所需的功能,例如路由、表单、HTTP 请求等等。
在 `@NgModule` 中的 `imports` 属性中导入模块的示例代码如下:
```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule,
FormsModule,
RouterModule.forRoot([
{ path: '', component: HomeComponent }
]),
HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
在上面的示例代码中,我们导入了 `BrowserModule`、`FormsModule`、`RouterModule` 和 `HttpClientModule` 模块。这些模块提供了 Angular 应用所需的基本功能,例如浏览器支持、表单处理、路由、HTTP 请求等等。
阅读全文