为了而努力

自从接触angular2以来，组长就提到了3个对于我来说是新东西的东西：angular2typescriptes6ionic其实对于这3个东西来说，我根本搞不清楚他们之间的关系，突然之间意识到，自己不能再这样搞不清楚关系的就学下去。这样就像angular1似的，自己还是什么都不会，angular1我会用，但是不会讲，你要问我angular1和ionic的关系，我现在也不能讲清楚，说明白。

“时间的教训” - 何为时间的教训呢？ 所谓时间的教训，那就是，不论这个东西难或者易，本来在一定的时间内，甚至小于这个一定的时间就可以完成的，而你偏偏用了2倍甚至三倍的时间来完成，更有甚者根本完不成的东西，但是最后解决了之后，你却发现，只是因为你少想了一点，只需要再多想一点点，哪怕多往前看一点点，你就能解决了的小功能，或者小组件，或者一段代码。 犯这些错误不要紧，要紧的是自己要将

Angular 有一个强力的模板引擎，它能让你轻松维护元素的DOM树结构。Angular指令可分为三种组件属性型指令结构型指令组件组件其实就是一个带模板的指令。是这三种指令中最常用的，我们会编写大量的组件来构建application。属性型指令属性型指令会修改元素的外观或者行为。 e.g. NgStyle可以修改元素的好几个样式。结构型指令结构型指令通过添加和删除 DOM 元素来改变DOM的

入手方式：需求 – 先要弄清楚我们做什么？被使用方式 – 长什么样子？什么场景被使用？怎么被使用？将每个特性写成单元测试，然后写代码，将这个单元的代码测试通过后，再进行下一个特性代码的单元测试。绑定宿主元素的事件，事件绑定的时候捕捉到这个事件源$event（table指令，这是属性型指令的重点）。Angular指令可分为三种组件属性型指令结构型指令今天来学习一下属性型指令。 属性型

From表单分为两种类型：模板驱动表单（Template-Driven Forms）模型驱动表单（Model-Driven-Forms） 模型：有结构的状态（是一种数据结构）FormContrller 表单项@angular/forms 模板驱动表单 @angular/reactiveForms关注点是表单的行为，不是怎么生成DOM。关注点是出错了，是一种出错的状态，是否发生了改变。Te

依赖注入这部分分为两部分来学习。第一部分自然是官网上的文档，另外一部分，是自己的“血泪时间史”。 之所以称之为“血泪时间史”，是因为在这部分上花费的时间实在是有点多，也就是前面提到过的“时间的教训”，所以在这里要记录下来，避免下次再犯这样的错误。依赖注入依赖注入是一个用来管理代码依赖的强大模式。应用程序全局依赖 在这里主要说的是，在应用程序根组件AppComponent中注册那些被应

用@NgModule来定义应用中的模块。Angular 模块是带有 @NgModule 装饰器函数的。 @NgModule 接收一个元数据对象，该对象告诉 Angular 如何编译和运行模块代码。它标记出该模块拥有的组件、指令和管道， 并把它们的一部分公开出去，以便外部组件使用它们。 它可以向应用的依赖注入器中添加服务提供商。 Angular 模块化 模块是组织应用程序和使用使用外部程序库

RxJs驱动Angular应用程序的状态管理，其灵感来自于Redux。 有人这样说… 如果说RxJS是Angular2开发中的倚天剑，那么Redux就是屠龙刀了。而且这两种神兵利器都是不依赖于平台的，左手倚天右手屠龙……什么是Redux？Redux是为了解决应用程序状态（State）管理而提出的一种解决方案。那么什么是状态呢？简单来说对于应用开发来讲，UI上显示的数据、控件状态、登陆

如果看成状态机Promise 具有 3 个状态：pending、resolved、rejected（如果 Cancelable Promise 正式通过，那么还会增加一个状态）。Observable 有 N + 3 个状态：idle、pending、resolved_0、resolved_1 … resolved_N、completed 和 error。总结：相比于 Promise 这个有限状态

Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。 Angular2的动画主要是和@Component结合在了一起。 animations元数据属性在定义@Component装饰。就像template元数据属性！这样就可以让动画逻辑与其应用代码紧紧集成在一起，这让动画可以更容易的出发与控制。使用要点Angular2的动画是使用模型驱动

单元测试需要掌握的知识点> * karma.conf.js的配置 具体了解到每一项的意义，这样才能真正的了解这个配置是如何配置的，甚至才可以做到自己的配置。 * 组件的测试 * 单独的service测试Angular的测试工具Angular的测试工具类包含了TestBed类和一些辅助函数方法，当时这不是唯一的，你可以不依赖Angular 的DI（依赖注入）系统，自己new出来测