本系列目錄：

• 寫在前面
• 基礎知識
• 控制器（Controller）
• 作用域（Scope）
• 集合（Collection）
• 模塊（Module）
• 依賴注入（Dependency Injection）
• 服務（Service）
• 過濾器（Filter）
• 指令（Directive）
• 指令作用域（Directive Scope）
• 路由（Routing）
• HTTP
• 總結

很久之前就開始著手準備Angular教程，但苦于一直沒有找到合適的切入點。前一段時間，和朋友聚餐時，聽幾位前端開發Leader朋友都在抱怨，"Angular就是個強大的奇葩，學習曲線高，但奇跡的是團隊竟然在稀里糊涂的狀態下就完成開發，效果還不錯... "、"Angular里面最讓人不知所措的就是各種概念，不過熟悉了也就那樣，挺簡單的..."、"要是有一本小冊子能夠用最少的篇幅，講講Angular里面的故事那應該挺不錯的..."

回想起自己剛入手Angular時的感受，切入點就有了！從事前端開發有好幾年了，甚至自己也開源過幾個框架，但一開始閱讀Angular源代碼時，還是被一個個"奇怪"的專有名詞搞得頭昏腦漲，無奈最終還是先去Angular官方文檔一個個地去了解這些專有名詞是什么，有什么作用。本系列教程將通過對Angular概念的講解，讓大家通過大量的例子了解如何使用這些概念，更重要的是了解Angular引入這些概念是為了解決什么問題。

Angular：易用還是難用？

為什么要提到這個話題呢？現實中每個前端項目在進行技術選型時，都會面對選擇什么樣的技術架構進行開發這個問題。說個題外話，幾年前和朋友探討這個問題時，大家都會不約而同的將技術架構和框架等同起來，也就是說"前端項目架構==框架"。現在隨著前端架構的價值逐漸被挖掘出來，"前端項目架構"終于超越了"框架"，升華了。

如果你覺得你已經非常熟悉Web MVC框架，從Struts到Spring MVC、從Ruby on Rails到Backbone都有所涉獵，使用Angular應該會非常順手，那么你就錯了。Angular里面的很多概念，比如嵌入包含（transclusion）、指令（directive）、作用域隔離（isolate scope）等等，會讓你倍受打擊。

其實Angular的本意是簡單可用，如果你準備好了花一些時間，好好研究下Angular中的概念，熟悉Angular的編碼風格，等你超脫了，回過頭來你會發現Angular相比很多框架而言，挺好用挺優雅。寫到這，我腦海中清晰地蹦出一個詞"習慣"。如果你和我一樣，是一名不折不扣的Java開發工程師，剛入手JavaScript時，你或許也被它的編碼風格折磨的半死，對于JS"回調函數"的編碼方式一定嗤之以鼻，但習慣了，會發現JS"回調函數"是如此的好用優雅。

Angular：適合你嗎？

ng2正式版本都快出來了，作為一個有高追求的前端開發工程師，你或許也應該學習學習Angular。我認為Angular中有不少概念是挺不錯的，是對這些年前端開發優秀沉淀的一次總結，相信對于你會有不少的啟發。就一個團隊而言，Angular會帶來"做得很少、擁有太多"的效果。

希望你看完這個系列之后，自己能發現Angular究竟適不適合你、適不適合你的團隊。

關于系列標題

該系列的標題為淺入深出，或許你會疑問為什么不是深入淺出？Angualr和前端一樣包羅萬象，內功、外功都需要時間的沉淀，我只是希望大家能過通過這個系列的學習，能夠深入思考Angular更多更有深度的問題。

總結

以上是生活随笔為你收集整理的Angular浅入深出系列 - 写在前面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。