详解Angular中的NgModule(模块)
时间:2021-04-18 来源:互联网
今天PHP爱好者给大家带来本篇文章带大家详细了解一下Angular中的NgModule(模块)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
Angular 模块(NgModule)
Angular 应用是模块化的, 它拥有自己的模块化系统, 称作 NgModule。 一个 NgModule 就是一个容器, 用于存放一些内聚的代码块, 这些代码块专注于某个应用领域、 某个工作流或一组紧密相关的功能。 它可以包含一些组件、 服务提供商或其它代码文件, 其作用域由包含它们的 NgModule 定义。 它还可以导入一些由其它模块中导出的功能, 并导出一些指定的功能供其它 NgModule 使用。
一个模块也是一个带有 @NgModule 装饰器的 TypeScript 类。
相关教程推荐:《angular教程》
NgModule 元数据
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {HttpClient, HttpClientModule} from '@angular/common/http';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
declarations
声明模块有什么东西, 只能声明组件、 指令和管道。
imports
导入表, 声明了要让应用运转所依赖的一些模块。
providers
声明模块中提供了哪些服务, 只能声明服务。
bootstrap
声明模块的主组件是什么。 只有根模块才应该设置这个 bootstrap 属性。
以上就是详解Angular中的NgModule(模块)的详细内容,更多请关注php爱好者其它相关文章!
-
购买NFT究竟买到了什么?NFT授权种类有哪些? 2025-07-11
-
币安交易所注册流程详解 2025-07-11
-
比特币MVRV-Score指标显示BTC距牛市顶部尚远,下一个目标位在哪? 2025-07-11
-
稳定币之夏持续升温 - 3个热门加密预售项目引发关注 2025-07-11
-
如何在币安交易所进行实名认证 2025-07-11
-
币安交易所账户安全设置指南 2025-07-11