Angular学习笔记

（）内为自己理解，可能有误，草稿流，长期更新

0. 架构

1. 模块（module）：执行一个任务的简单代码。（类似于一个函数）

一定要有根模块，命名为：Appmoudle.ts，其中要有@NgMoudle的装饰类（给函数增加额外功能），包含declarations（包含什么，函数、页面声明？），exports（导出的），imports，providers，bootstrap（根组件，main函数？）。

2. 组件（component）：处理应用和逻辑页面。

里面设置selector自定义标签（id，class），template。

3. 模版（template）：一段html

4. 元数据（metadata）：告诉Angular如何处理一个类（没懂）

5. 数据绑定（data binding）：像绑定一个click事件

6. 指令（directives）：跟在<>里面的东西

1）属性指令：ngStyle（设定css）、ngClass（不包含哪些css）；

2）结构性指令：ngIf（如果为false就不显示）、ngFor（*ngFor="let xx of xxx"，例如展示一个列表时会用）、ngSwitch（字面意思）；

3）组件：自己写个函数加上去

7. 服务（services）：代码复用的一种

1. TypeScript部分

js能跑的，ts也能跑。

类型批注：变量名：变量类型，在冒号后面标注一下；

接口：（struct？）

lambda表达式：this能读取函数的name

类：class

2. 一些指令

ng new {name} --directory {dir}　　新建项目

ng serve　　跑当前目录下的项目

ng g [moudle/component/.etc] {name} -m {destination} 给这个新加一段东西

标签：name,ts,笔记,ng,学习,指令,组件,Angular,函数
来源： https://www.cnblogs.com/capterlliar/p/16465820.html