angualr-ngmodule(简单来说,一看就会)

定义

ngModule是什么呢?Angular 应用是模块化的,它拥有自己的模块化系统,称作 NgModule。 一个 NgModule 就是一个容器,用于存放一些代码块,这些代码块专注于某个应用领域、某个工作流或一组紧密相关的功能。 它可以包含一些组件、服务提供商或其它代码文件,其作用域由包含它们的 NgModule 定义。 它还可以导入一些由其它模块中导出的功能,并导出一些指定的功能供其它 NgModule 使用。
简单来说就是把一个用来配置ng中一个模块的,告诉angualr这里需要什么它有什么它是什么,怎么编译和启动。

用法:

一般来说有以下三个选项比较常用:
declarations,imports,providers
在这里插入图片描述
declarations: 简单来说就是告诉别人这个模块有什么东西,在这里进行声明。例如插件模块里有这些组件,那么就需要把这些声明在declaration中
在这里插入图片描述
imports导入模块,简单来说这个模块需要哪些外部组件,我们从这里进行导入,告诉ng需要这些模块,你要帮我导入进来.

exports与imports相对应的exports,就是把该模块中的内容导出供其他组件使用。简单来说就是:通过 exports 属性公开其中的一部分,以便外部组件使用它们

另外两个

providers:
提供各种服务的数组

bootstrap:
应用的主视图,称为根组件。它是应用中所有其它视图的宿主。只有根模块才应该设置这个 bootstrap 属性。啥意思呢,简单来说就是在加载应用时,它是组件树的根,后续所有组件都是基于它的。虽然也可以在宿主页面中放多个组件,但大多数应用只有一个组件树,并且只从一个根组件开始引导。dom树渲染时如下图所示:
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值