登录  /  注册
首页 > web前端 > js教程 > 正文

详解Angular中的NgModule(模块)

青灯夜游
发布: 2021-04-16 17:54:42
转载
1857人浏览过

本篇文章带大家详细了解一下angular中的ngmodule(模块)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

详解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中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:csdn网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号