天天看點

《AngularJS進階程式設計》——第2章 你的第一個AngularJS應用 2.1 準備項目

本節書摘來自異步社群《angularjs進階程式設計》一書中的第2章,第2.1節,作者:【美】adam freeman(弗裡曼)著,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

開始使用angularjs的最好方式就是潛心鑽研進去,建立一個web應用程式。在本章中,我将帶你學習一個簡單的開發過程,從一個目标應用程式的靜态模型開始,使用angularjs的特性打造出一個動态的web應用程式,盡管隻是一個簡單的程式。在第6~8章,我将向你示範如何建立一個更複雜而實際的angularjs應用程式,但是現在一個簡單的例子将足以用于示範一個angularjs應用的主要元件,并為本書這部分的其他章節做好準備。

在本章中,我打算從一個對目标程式的靜态html模型開始,這是一個簡單的待辦事項應用程式。我在angularjs檔案夾下建立了一個名為todo.html的html檔案。在清單2-1中你可以看到這個新檔案的内容。

清單2-1 todo.html檔案的初始内容

《AngularJS進階程式設計》——第2章 你的第一個AngularJS應用 2.1 準備項目

這個檔案還沒有使用到angularjs,實際上,目前甚至還沒有一個script元素來引入angular.js檔案。我很快将會添加這個javascript檔案并開始使用angularjs的特性,但是現在,todo.html檔案隻包括了一些靜态html元素,提供了一個待辦事項應用的骨架:頁面頂部的header以及一個包括待辦事項項目的表格。要檢視所建立的效果,使用浏覽器打開todo.html檔案,如圖2-1所示。

《AngularJS進階程式設計》——第2章 你的第一個AngularJS應用 2.1 準備項目

繼續閱讀