Angular学习01补充

目录结构分析

e2e

       这个是端到端的测试文件

node_modules

        这个是我们项目所需要的各种依赖，也就是在↓面这个文件中

package.json

        这个是项目的配置文件，比如项目的名称，版本以及所需要的各种依赖

        其中dependence：这个里面定义的各种模块（接上面↑）

src

        我们在这个文件下开发项目

src.app

        放组件，服务以及模块

        里面有根组件以及根模块

·        ①app.module.ts  这个文件是Angular的根模块，用来告诉Angular如何组装应用。

                这个文件里面放什么？具体参考Angular学习02那个笔记

         ②根组件（包括app.component.html  app.component.scss    app.component.ts）

src.assets

        这个是静态资源文件

src.environments

        这个是环境相关的文件

src.browserslist

        这个是Angular支持的浏览器配置文件

src.index.html

        这个是html的入口文件，也就是运行的时候，运行的就是这个html文件

karma.conf.js

        这个是端对端的配置文件

main.ts

        这个是整个项目的入口文件

polyfills.ts

        这个是填充库的配置文件

style.scss

        这个是公共的样式文件

test.ts

        这个是测试的入口文件

自定义组件的创建以及使用

创建一个文件夹components   用来放我们自定义的组件

方法1：在黑色窗口中直接使用命令行来创建一个组件

        ng g component components/new

       上述方法创建的组件，会自动在app下面生成一个新的文件夹，名叫components，并且在这个文件夹下面多了news这个组件

！！！注意这里你创建了组件， 但是你要使用它，使它生效，因此需要在根模块中进行引入注册

① import

②在declaration中注入一下（项目运行的组件）

③上述新组件news已经创建生成和在根模块中注册了，然后就可以使用了，使用方法

        比如在根组件中使用的时候，直接调用<app-news></app-news>

       ！！！这里的自定义组件在使用的时候，可以直接当做一个标签来使用，相当于扩展了html标签的不足。

如何绑定数据

比如在组件news的app.component.ts中的export那块中定义数据public  title = 我是一个标题”

然后组件news的app.component.html中进行引入使用，使用方法是使用{{title}}