UI-Router Extras 项目教程

UI-Router Extras 项目教程

ui-router-extrasTHIS PROJECT IS NO LONGER MAINTAINED -- Extras for UI-Router for AngularJS. Sticky States (a.k.a. parallel states), Deep State Redirect (for tab-like navigation), Future States (async state definition)项目地址:https://gitcode.com/gh_mirrors/ui/ui-router-extras

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

UI-Router Extras 项目的目录结构如下：

ui-router-extras/
├── bower.json
├── gulpfile.js
├── package.json
├── README.md
├── banners.json
├── bower_components/
├── dist/
│   ├── ct-ui-router-extras.js
│   ├── ct-ui-router-extras.min.js
│   └── ...
├── src/
│   ├── core.js
│   ├── dsr.js
│   ├── future.js
│   ├── previous.js
│   ├── sticky.js
│   ├── statevis.js
│   ├── transition.js
│   └── ...
├── test/
│   ├── core.spec.js
│   ├── dsr.spec.js
│   ├── future.spec.js
│   ├── previous.spec.js
│   ├── sticky.spec.js
│   ├── statevis.spec.js
│   ├── transition.spec.js
│   └── ...
└── ...

目录介绍：

• bower.json 和 package.json：项目的依赖管理文件。
• gulpfile.js：用于构建和打包项目的 Gulp 配置文件。
• README.md：项目说明文档。
• banners.json：项目横幅配置文件。
• bower_components/：通过 Bower 安装的依赖库。
• dist/：编译后的文件，包括压缩和未压缩的 JavaScript 文件。
• src/：源代码目录，包含各个模块的实现文件。
• test/：测试目录，包含各个模块的测试文件。

2. 项目的启动文件介绍

项目的启动文件主要是 src/core.js，它是 UI-Router Extras 的核心模块。启动文件的主要功能是初始化 UI-Router Extras 并加载其他模块。

// src/core.js
angular.module('ct.ui.router.extras', [
  'ui.router',
  'ct.ui.router.extras.core',
  'ct.ui.router.extras.sticky',
  'ct.ui.router.extras.dsr',
  'ct.ui.router.extras.future',
  'ct.ui.router.extras.previous',
  'ct.ui.router.extras.statevis',
  'ct.ui.router.extras.transition'
]);

3. 项目的配置文件介绍

项目的配置文件主要包括 bower.json 和 package.json。

bower.json

{
  "name": "ui-router-extras",
  "version": "0.1.3",
  "homepage": "https://github.com/christopherthielen/ui-router-extras",
  "authors": [
    "Chris Thielen <christopherthielen@users.noreply.github.com>"
  ],
  "description": "Extras for UI-Router for AngularJS. Sticky States (a.k.a. parallel states) and Deep State Redirect.",
  "main": "dist/ct-ui-router-extras.js",
  "keywords": [
    "angular",
    "ui-router",
    "ui-router-extras",
    "sticky",
    "deep",
    "state",
    "redirect"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "angular": "~1.2.0",
    "angular-ui-router": "~0.2.8"
  }
}

package.json

{
  "name": "ui-router-extras",
  "version": "0.1.3",
  "description": "Extras for UI-Router for AngularJS. Sticky States (a.k.a. parallel states) and Deep State Redirect.",
  "main": "dist/ct-ui-router-extras.js",
  "scripts": {
    "test": "gulp test"
  },
  "repository": {
    "type": "git",
    "

ui-router-extrasTHIS PROJECT IS NO LONGER MAINTAINED -- Extras for UI-Router for AngularJS. Sticky States (a.k.a. parallel states), Deep State Redirect (for tab-like navigation), Future States (async state definition)项目地址:https://gitcode.com/gh_mirrors/ui/ui-router-extras