NG2入門 - 架構


AngularJS2 學習

繼TypeScript之后,終於到了ng2的學習路程,同樣學習根據angular官網文檔進行,對文檔中的內容根據自己的理解略有改動。看官可看官網文檔,也可以看本系列博文

image

首先根據官網推薦先去學習了英雄教程,涵蓋了ng的大部分知識點。后面就到了開發指南中的架構部分

首先要明白ng是一個什么玩意,ng是一個前端框架之前的版本就已經很受開發者的青睞,而ng2的發布對ng1來說是破壞性的,因為ng1並不再適合現代WEB開發。ng2吸取了ng1的優點並添加了大量的新特性,ng2使用TypeScript開發(當然不使用也可以)如果還沒有學習TypeScript的同學建議可以先去學習一下。

ng2的好處

速度與性能、模塊化、可單元測試、復用性、依賴注入…

使用ng2輕松優雅的寫出美妙的前端代碼,Google團隊的支持,大量的組件可供使用,可以說沒有任何后顧之憂。

 

架構

一般ng2應用是使用angular擴展語法編寫html模板,用組件類管理這些模板,用服務添加邏輯應用,用模塊打包發布組件與服務

引導根模塊用來啟動應用,angular會在瀏覽器中接管、展現應用內容

全景圖

image

圖中分為了ng中的八個核心構造塊

模塊 (module)

組件 (component)

模板 (template)

元數據 (metadata)

數據綁定 (data binding)

指令 (directive)

服務 (service)

依賴注入 (dependency injection)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM