原文地址：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實現服務器渲染

angular的學習參考材料