angular

刚接触angular项目，其它的知识点还好，一到rxjs部分就有点迷惑了，官网的文档又是全英文的，于是只能一边翻译一边学习了 Rxjs是什么？ 引用官网的话：RxJS 是使用 Observables

路由嵌套 一级路由： index: 首页 user/index：用户中心 二级路由 user/center/info 用户中心 -> 我的信息 user/center/avatar 用户中心 -> 更

路由跳转 路由跳转/导航：从一个路由跳转到另一个路由 实现方案： 方式1：使用模板方法 注意： 可以用于任意标签上 跳转地址应该以/开头，防止以相对方式跳转 方式2：使用脚本跳转方法 路由传参 在路由

angular 中使用“单页应用”的步骤 定义“路由词典”--- [{URL - 组件},{URL - 组件}] 在根组件中注册路由词典 创建路由组件挂载点 -- 称为“路由出口” 访问测试 rout

父子通信 父组件: 通过子组件的自定义属性向下传递数据给子组件 子组件 注意：装饰器只能装饰紧贴着的代码 子父通信 子组件通过触发特定的事件（其中携带着数据），把数据传递给父组件（父组件提供事件处理方

angular 组件生命周期钩子函数 0 constructor() 组件对象被创建了 1 ngOnChanges() 组件绑定的属性发生改变 2 **ngOnInit()** 组件初始化完毕 3 n

HttpClient Service 服务对象 HttpClient 服务对象用于向指定的URL发起异步请求，使用步骤 在主模块中导入HttpClient服务所在的模块 在需要使用异步请求的组件中声明

Service 服务 service: 服务，angular认为：组件时与用户交互的一种对象，其中的内容都应该与用户的操作有关系的；而与用户操作无关的内容都应该剥离出去，放在“服务对象”中，为组件服务

过滤器（Filter） Filter:过滤器，用于在view中呈现数据时显示为另一种格式；过滤器的本质一个函数，接收原始数据转换为新的格式进行输出： function(oldVal){处理 retur

1 HTML绑定 2 属性绑定 3 指令绑定 4 事件绑定 5 双向数据绑定 2. angular中的指令系统 3. 自定义指令 创建指令的简单工具 ：ng g directive 指令名 自定义指令

组件：是一段可以反复使用的页面片段，如页头、轮播、手风琴 组件（component）= 模板（template）+ 脚本（script）+ 样式（style） 提示：NG中任何一个组件都必须声明在一个

Module 不同于Node.js和ES6中的模块，NG中的模块就是一个抽象的容器，用于对组件进行分组 整个应用初始时有且只有一个主组件：AppModule

angular项目启动分析 （1）angular.json：NG项目的配置文件 index: ./src/index.html main: ./src/main.ts （2）main.ts: boot

angular的历史由来 angular 是由Google团队在2009年开发的MVVM框架，可用于开发web、移动桌面应用的大型框架 横跨多种平台 学会用 Angular 构建应用，然后把这些代码和