Angular

当使用angular 路由守卫，或者使用解析器读取数据时，我们可以利用导航到路由以及显示组件的这段时间，显示一段loading加载动画效果。让用户知道，后台正在进行一些事情，而不是点击之后毫无

做表单提交的时候，很多的场景是提交完一个表单后跳转页面，或者页面刷新，或者表单重绘，这种场景下，等于表单是一次性的，提交后不用管当前表单的状态。 angular 但是假设另一种场景

什么是路由 单页应用中，组件时构建应用的基础元素，页面展示什么内容均是靠页面有什么组件决定的，而展示什么组件又是由一组路由（带有Url元素的特定集合，可用于导航视图）决定的，希望本

本节将介绍Angular 提供的两种内置指令：属性型指令和结构型指令。 属性型指令 属性型指令用于改变一个 DOM 元素的外观或行为，不会改变 DOM 结构。 组件是一种特殊的指令 为了验

们的教程更贴近实战，拦截器是我们绕不过的话题。拦截器可以用一种常规的、标准的方式对每一次 HTTP 的请求 响应任务执行从认证到记日志等很多种隐式任务。 如果没有拦截机制，那么开发人员

RxJS是一个主要用于处理异步程序的函数式编程库，可以把 RxJS 想成处理异步行为的 Lodash，在angular中被大量使用，所以，了解它是必须的。 可观察对象Observable 在介绍RxJs之前，我们有

根据区域设定规则格式化日期值，在JS原本写日期有点琐碎，但通过这个datePipe让日期变得更简单，而且还可以无痛转换地区，真是太棒了。 value expression date format timezon

Angular的核心是组件化，组件的嵌套会使得最终形成一棵组件树。Angular的变化检测可以分组件进行，每一个Component都对应有一个changeDetector，我们可以在Component中通过依赖注入来获取到c

本节介绍路由参数及跳转相关。 准备工作 首先，我们需要将上一节的 CommentService 、 UserService 抽离成单独的文件，以便多处使用。 ng g s components router study comment comment

前面我们有写过一个dialog组件，其中有一个功能点我们是没有实现的，那就是不能传入自定义组件内容。这一节，我们了解下NgTemplateOutlet结构指令 需求分析： 创建一个子组件，并且有