原文地址:https://www.jianshu.com/p/b9db7bb3d4ec
目的
其实写这篇文章的主要目的是为了提供给那些刚刚入门angular或者有意学习angular的读者准备的。
我本身便是自学的angular,angular在国内的应用相对于react和vue来说要少的多的多,不仅是学习材料还是其他博客之类的参考文献。当时自学的时候是看着angular官网的英雄编辑器边敲边学,angular官网看了好几遍,每一次看每一次都会觉得其对angular才是全面的,优秀的,而我这只是锦上添花罢了,或者连花也算不上,就是希望自己的一些理解和运用能够帮助到刚入门的读者,这样本身也就达到了我写这一系列博客的理由了。angular本身的学习曲线就很陡,当时当你深入了解之后,你就会发现其本身有着不输于vue和react的魅力所在,当然具体项目使用哪种框架需要考虑的很多,也不是一句两句能说的通的,只能说,且行且珍惜吧。
以下就是我写的一些参考材料,希望能够帮助到大家。
参考资料
angular官网英雄编辑器:改版
(ps.因为自学的时候发现很多时候官网上的样例代码要么是下载不下来要么就是下载下来本地运行不起来,这里就是我自己搭建的一个angular框架并且实现了angular英雄编辑器的大部分功能的代码,自己本身也跑过几次,是可以跑起来的,当然也不排除意外情况啦,希望能够帮助到各位读者。当然如果诸君觉得还行就给个星吧,哈哈哈。)
angular的一些实例代码
(ps.这里面是我之后的博客会讲到的知识点的相应的实践代码,每一个都是我亲自实践过的并且行之有效的。虽然在总的README.md里面已经介绍了相应文件对应的知识点,不过这里我就再不厌其烦的再介绍一下有哪些可以提供给各位使用的。)
angular-demo-base
ng-cli
angular-demo-base
angular-cli脚手架搭建,没有执行ng eject
ngular-base-eject
angular-cli脚手架搭建,并且执行了ng eject
ng-directive
ng-directive
关于指令的基本使用,介绍了属性指令、结构指令等指令以及相应的使用方式
ng-directive-custom
关于我写的以及一些收集到的有意思的指令,提供给读者参考
ng-pipe
ng-pipe
关于一些管道的基本使用,介绍了一些常见管道的使用方式
ng-pipe-custom
关于我写的以及一些收集到的有意思的管道,提供给读者参考
ng-router
angular-base-router
路由的基本配置,相同模块的路由,不同模块的路由配置
angular-lazyloading-router
路由的懒加载
angular-preLoading-router
路由的预加载
ngrx
angluar-example-sendMessage
使用ngrx在组件间传送数据
angluar-example-todo
完成todo功能,使用普通方式以及使用ngrx方式
angular-example-counter
使用ngrx创建的计数器
angular-universal
angular-universal
angular-universal实现服务器渲染