成都网站建设设计

将想法与焦点和您一起共享

Angular中NgModule的示例分析

这篇文章主要介绍了Angular中NgModule的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

岳西ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

本篇文章带大家详细了解一下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的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


当前名称:Angular中NgModule的示例分析
标题网址:http://chengdu.cdxwcx.cn/article/pcsidh.html