Angular目录结构+app.module.ts详解
2020-02-02 本文已影响0人
瑟闻风倾
参考:Angular入门
1. Angular目录结构
![](https://img.haomeiwen.com/i1892430/5a73f974c91f45cc.png)
备注:其中打
*
是我们编写代码时主要需要使用到的。
2. 根模块(angular模块)—app.module.ts详解
![](https://img.haomeiwen.com/i1892430/345baec3f1a12765.png)
3. 模块和组件关系
如:
![](https://img.haomeiwen.com/i1892430/1b63106874a94ebc.png)
关系:
![](https://img.haomeiwen.com/i1892430/c57ec8efa6632289.png)
备注:一个模块可以有多个组件,一个组件也可以有多个样式表,但只有一个HTML模板。
参考:Angular入门
*
是我们编写代码时主要需要使用到的。
如:
关系:
备注:一个模块可以有多个组件,一个组件也可以有多个样式表,但只有一个HTML模板。