ng-flow 项目使用教程

ng-flow 项目使用教程

ng-flowFlow.js html5 file upload extension on angular.js framework项目地址:https://gitcode.com/gh_mirrors/ng/ng-flow

1. 项目的目录结构及介绍

ng-flow 项目的目录结构如下：

ng-flow/
├── dist/
│   ├── ng-flow-standalone.min.js
│   └── ...
├── samples/
│   ├── basic/
│   ├── image/
│   └── ...
├── src/
│   ├── directives/
│   ├── services/
│   └── ...
├── test/
│   ├── unit/
│   ├── e2e/
│   └── ...
├── .gitignore
├── .travis.yml
├── CHANGELOG.md
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
├── index.js
├── karma.conf.js
├── package.json
└── travis.sh

目录介绍

• dist/: 包含开发和生产环境的构建文件。
• samples/: 包含示例项目，如基本示例和图片上传示例。
• src/: 包含项目的源代码，包括指令和服务。
• test/: 包含单元测试和端到端测试。
• CHANGELOG.md: 项目更新日志。
• Gruntfile.js: Grunt 任务配置文件。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• bower.json: Bower 包管理配置文件。
• index.js: 项目入口文件。
• karma.conf.js: Karma 测试配置文件。
• package.json: npm 包管理配置文件。
• travis.sh: Travis CI 配置脚本。

2. 项目的启动文件介绍

项目的启动文件是 index.js，它定义了 Angular 模块并引入了 ng-flow 模块。

// index.js
angular.module('app', ['flow']);

3. 项目的配置文件介绍

package.json

package.json 文件包含了项目的元数据和依赖项。

{
  "name": "ng-flow",
  "version": "2.7.4",
  "description": "Flow.js extensions for Angular.js",
  "main": "index.js",
  "scripts": {
    "test": "grunt test"
  },
  "repository": {
    "type": "git",
    "url": "git://github.com/flowjs/ng-flow.git"
  },
  "keywords": [
    "flow.js",
    "angular.js",
    "file",
    "upload"
  ],
  "author": "Aidas Klimas",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/flowjs/ng-flow/issues"
  },
  "homepage": "https://github.com/flowjs/ng-flow",
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-uglify": "~0.2.2",
    "grunt-contrib-jshint": "~0.6.3",
    "grunt-contrib-watch": "~0.5.2",
    "grunt-karma": "~0.6.2",
    "karma": "~0.10.9",
    "karma-jasmine": "~0.1.5",
    "karma-chrome-launcher": "~0.1.3",
    "karma-firefox-launcher": "~0.1.3",
    "karma-phantomjs-launcher": "~0.1.2"
  }
}

bower.json

bower.json 文件用于 Bower 包管理。

{
  "name": "ng-flow",
  "version": "2.7.4",
  "main": "dist/ng-flow-standalone.min.js",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "angular": "~1.2.16",
    "flow.

ng-flowFlow.js html5 file upload extension on angular.js framework项目地址:https://gitcode.com/gh_mirrors/ng/ng-flow