1. 程式人生 > >前端開發利器: Bootstrap + AngularJS

前端開發利器: Bootstrap + AngularJS

構建一個CRUD應用可能用到的全部內容包括:資料繫結、基本模板識別符號、表單驗證、路由、深度連結、元件重用、依賴注入。

AngularJS應用的解析

本節描述AngularJS應用程式的三個組成部分,並解釋它們如何對映到模型-檢視-控制器設計模式:

模板(Templates)

模板是您用HTML和CSS編寫的檔案,展現應用的檢視。 您可給HTML新增新的元素、屬性標記,作為AngularJS編譯器的指令。 AngularJS編譯器是完全可擴充套件的,這意味著通過AngularJS您可以在HTML中構建您自己的HTML標記!

應用程式邏輯(Logic)和行為(Behavior)

應用程式邏輯和行為是您用JavaScript定義的控制器。AngularJS與標準AJAX應用程式不同,您不需要另外編寫偵聽器或DOM控制器,因為它們已經內建到AngularJS中了。這些功能使您的應用程式邏輯很容易編寫、測試、維護和理解。

模型資料(Data)

模型是從AngularJS作用域物件的屬性引申的。模型中的資料可能是Javascript物件、陣列或基本型別,這都不重要,重要的是,他們都屬於AngularJS作用域物件。

AngularJS通過作用域來保持資料模型與檢視介面UI的雙向同步。一旦模型狀態發生改變,AngularJS會立即重新整理反映在檢視介面中,反之亦然。

此外,AngularJS還提供了一些非常有用的服務特性

  1. 底層服務包括 HTTP,依賴注入,XHR、快取、URL路由和瀏覽器抽象服務。
  2. 您還可以擴充套件和新增自己特定的應用服務。
  3. 這些服務可以讓您非常方便的編寫WEB應用。