本項目是一個基於AngularJS 1.x版本 構建的示例項目,旨在幫助初學者能夠快速了解AngularJS各功能特性的使用方法,及綜合運用它們開始一個CRUD項目。 項目的目錄結構如下: 項目目錄結構 如上圖所示,本項目包括兩大部分: 各功能特性的使用示例 項目根目錄下,除index.html之外的其他html文件,用來單獨演示某一具體功能特性的使用方法。如filter.html用來演示Filter的使用及自定義,http.html用來演示$http的基本使用,與此類推,其他可根據文件名稱進行判斷。 一個完整的CRUD Demo index.html 和文件夾中的內容構成了一個名為 NBA All-Star Voting 的SPA(單頁面應用)項目,基本涵蓋了AngularJS的大部分常用特性,包含基本的CRUD操作,其中各部分的作用說明如下: index.html 項目首頁,同時也是SPA的布局頁面; app 放置業務邏輯文件 app.js 引導程序,項目主模塊定義及路由配置; controller 放置控制器文件 directive 放置自定義指令文件 filter 放置自定義過濾器文件 service 放置自定義服務文件 data 放置用來存儲數據的json文件(僅為演示) static 放置靜態文件 css 放置樣式表文件 js 放置腳本文件 img 放置圖片 tmpl 放置模板html文件,如本例中使用的list.html、add.html、edit.html、view.html等。 項目首頁截圖: 這里寫圖片描述 項目Git地址:https://github.com/yyhsong/iAngularJS