AngularJS Demo 项目

本项目是一个基于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

 

转载于:https://www.cnblogs.com/xfdmb/p/6539994.html