一张图告诉你angular2所有知识点

忙活了半年，从angular2.0到现在angular4.2。从没AOT到有AOT。我想说，angular2的学习曲线真的有点陡峭。只能说，angular2是一个比较完整的框架，框架就是这样，一大堆条条框框，一个项目大了，就是靠这些条条框框来保持秩序。

关于之前的H5编辑器，很多人私信我，要么就是商业合作，要么就是要源码。我只想说，虽然那个编辑器是一个人搞的，但是，那时候我只是个打工的，也签了保密协议，爱莫能助。法律问题，本人不大懂，若是新写一个不会违法，我可以业余时间搞一个。违法就算了，等保密协议期限到吧。

这半年其实也在弄编辑器，不过，跟以前的编辑器没半毛钱关系，以前那套编辑器，注重的是动画。现在的编辑器注重的是自动化业务，也就是用户托拉拽一下界面，自动生成前端和后端代码。

擦，扯远了，先把angular2的图发上来先。图有点大，右键保存或者在新的页签里看吧。

 

知识点看起来多，其实分阶段去学就好。平时用心看，花不了多少时间。

 

如果是业务开发人员，那么必须懂得数据绑定和事件绑定,怎么获取事件的返回值$event，怎么去监听值变化。当然，也要懂typescript的一些语法，例如，类，接口等。路由怎么配，等等。我设计的系统，是不用手工配路由的。

如果是中级开发人员，那么肯定要知道@ViewChild,@Input,@ContentChild,@Output,表单验证怎么实现，怎么导入第三方类库，当然，还有服务，动画，组件生命周期等等。

 

如果是高级，肯定是所有知识点融会贯通。

 

开发过程中，图中的所有知识点都会用到，只多不少。还包括rxjs,typescript能精通当然最好，还有每年都在变化的JS。