# fis3-angular-demo

**Repository Path**: faneui/fis3-angular-demo

## Basic Information

- **Project Name**: fis3-angular-demo
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: BSD-2-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-08-22
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

fis3-angular-demo
===========================

基于 https://github.com/hefangshi/fis-pure-angular-demo 移植到FIS3，参考https://github.com/zhangtao07/fis3-angular-demo.git，使用了 https://github.com/fex-team/mod 进行模块化管理与依赖加载，同时通过ng-annotate实现依赖注入注解的自动添加

## 安装使用方法

```
# 安装node
brew search node
brew install homebrew/versions/node4-lts

# 安装fis3
npm install -g fis3

# 下载demo
git clone http://203.166.189.98:9500/yinwh/fis3-angular-demo.git

# 安装相关插件
cd fis3-angular-demo
npm install 

# bower安装依赖
bower install

# 使用FIS编译DEMO
fis3 release 

# 预览效果,推荐安装php-cgi和java，这样支持调试php程序，也可以直接fis3 server start 启动服务器
fis3 server  start --type node

# 生产环境打包压缩MD5戳等
fis3 release prod

```
## Why

1. 用gulp做的angular方案很少集成**按需加载**，一般是采用目录全量加载方式去加载资源，这个DEMO中，所有的controller, directives则是按需加载。
2. 无需配置轻松支持**异步加载**controller等逻辑，见`modules/pages/tables/tables.js`
3. 模板也不需要异步加载，或者用类似html2js的插件去处理，直接__inline就可以使用。
4. 如果看看配置文件就会发现，在FIS的环境下开发angular应用基本不需要任何配置，也是给大家展现一些FIS的使用思路
5. 这个方案的目录组织结构也是按照模块进行功能拆分，给出了一个在angular应用下，模块拆分的指引
6. 无缝结合FIS的打包、压缩、MD5戳等功能
7. 通过按需编译FIS3能轻松解决使用`bower`时很多`冗余资源`的问题