angular angular,angular笔记
什么是ngModule？本文给大家简单了解一下angular语法，并介绍Angular中的ngModule，希望对你有所帮助！
作为一个angular10教程，在我的理解中，angular比VUE更好的模块化，使得代码结构显得更清晰。所以本节我们就简单介绍一下angular语法和对ngModule的理解。【相关教程推荐：《angular教程》】
首先，什么是angular module（ngModule）?
我的理解：其实就是@NgModule装饰的普通班级，没什么特别的。
那么问题来了，什么又是@NgModule呢？
我们先来看看src/app/app.module.ts中的默认代码：
从“@angular/platform-browser”导入{ browser module }；
从“@angular/core”导入{ ng module }；
从“”导入{ AppRoutingModule }。/app-routing . module ；
从“”导入{ AppComponent }。/app . component ；
//@NgModule(元数据)
@NgModule({
声明：[
AppComponent
],
进口：[
浏览器模块，
逼近模块
],
提供商：[]，
引导：[AppComponent]
})
类app Module { }//模块名AppModule@NgModule获取一个元数据对象，它将告诉Angular如何编译和启动这个应用程序。(元数据不限于以上配置项，先说一下)
declarations数组
这个词本身就是“公告、通告”的意思，是这个模块在这里的依赖。包括模块可能依赖的一些组件、指令和管道。介绍规则：
要使用它们，你必须先介绍它们。\组件、指令或管道只能由一个模块引入(声明)。默认情况下，声明中的组件只能在当前模块中使用。如果您希望其他模块使用它们，您必须导出它们
imports数组
imports数组将只出现在@NgModule decorator中。如果一个模块想要正常工作，除了它自己的声明之外，它可能需要由其他模块导出的依赖项。只要是angular模块，都可以导入到imports数组中，比如自定义模块(比如AppRoutingModule)，第三方或者ng内置(@angular/**)。
providers数组
提供一系列服务
bootstrap数组
数组中的每个组件作为组件树的根(根组件)。在启动过程中，里面的组件会被解析并一个一个的插入到浏览器的DOM中。
但通常情况下，只有一个AppComponent在里面。
那angular组件又是什么样呢？
先看app组件，默认代码src/app/app.component.ts:
从“@angular/core”导入{ Component }；
@组件({
选择器：“应用程序根目录”，
templateUrl:“”。/app.component.html ，
样式URL:[。/app.component.scss]
})
导出类AppComponent {//组件名AppComponent
title=英雄；
}可以看出还是正常操作：引入配置导出。
selector：
，顾名思义就是选择器，可以通过原生JS选择的选择器(必选配置)。
templateUrl：
角度组件模板文件的URL。如果提供了，不要使用template来提供内联模板(templateUrl和template option是可选的，是必需的配置)。
styleUrls：
不难看出，引入了一个或多个样式路径的配置(可选配置)。
如果组件比较简单，我们也可以不必单独抽出页面及样式，@Component的配置项可以直接使用内联形式：
从“@angular/core”导入{ Component }；
@组件({
选择器：“应用程序根目录”，
模板：` 1
h1{{title}}/h1
h2我最喜欢的英雄是：{{myHero}}/h2
`,
样式：[`h1 { color: red }`]
})
导出类AppComponent {//组件名AppComponent
title=英雄之旅；
myHero= Windstorm
}到目前为止，我们实际上已经简单地讨论了默认的App模块。至于里面的文件app-routing.module.ts，后面再说。
angular应用总的思路应该是这样的：
更多编程知识请访问：编程入门！以上是对Angular中什么是ngModule的细节的简要分析。请多关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。