Angular Bootstrap Nav Tree 项目教程

Angular Bootstrap Nav Tree 项目教程

angular-bootstrap-nav-treeAn AngularJS directive that creates a Tree based on a Bootstrap "nav" list.项目地址:https://gitcode.com/gh_mirrors/an/angular-bootstrap-nav-tree

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

angular-bootstrap-nav-tree/
├── dist/
│   ├── abn_tree_directive.js
│   └── abn_tree.css
├── src/
│   ├── ...
├── temp/
├── test/
├── .gitignore
├── Gruntfile.coffee
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
└── package.json

• dist/: 包含项目的核心文件，abn_tree_directive.js 和 abn_tree.css。
• src/: 源代码目录，包含项目的开发源文件。
• temp/: 临时文件目录。
• test/: 测试文件目录。
• .gitignore: Git 忽略文件配置。
• Gruntfile.coffee 和 Gruntfile.js: Grunt 任务配置文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• bower.json: Bower 包管理配置文件。
• package.json: npm 包管理配置文件。

2. 项目的启动文件介绍

项目的启动文件主要位于 dist/ 目录下：

• abn_tree_directive.js: 核心指令文件，定义了树形导航的 AngularJS 指令。
• abn_tree.css: 样式文件，定义了树形导航的样式。

3. 项目的配置文件介绍

• bower.json:

  {
    "name": "angular-bootstrap-nav-tree",
    "version": "0.2.0",
    "description": "A Tree Control for AngularJS using CSS animation and Bootstrap style",
    "main": ["dist/abn_tree_directive.js", "dist/abn_tree.css"],
    "licence": "MIT",
    "keywords": ["angularjs", "bootstrap", "tree", "widget"],
    "authors": ["Nick Perkins"],
    "homepage": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree",
    "repository": {
      "type": "git",
      "url": "git://github.com/nickperkinslondon/angular-bootstrap-nav-tree.git"
    },
    "ignore": [
      "src",
      "temp",
      "test",
      ".gitignore",
      "Gruntfile.coffee",
      "Gruntfile.js",
      "bower.json",
      "package.json",
      "README.md"
    ],
    "dependencies": {
      "angular": ">=1.0",
      "bootstrap": ">=2.3"
    }
  }
  

• package.json:

  {
    "name": "angular-bootstrap-nav-tree",
    "version": "0.2.0",
    "description": "A Tree Control for AngularJS using CSS animation and Bootstrap style",
    "main": "dist/abn_tree_directive.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1"
    },
    "repository": {
      "type": "git",
      "url": "git+https://github.com/nickperkinslondon/angular-bootstrap-nav-tree.git"
    },
    "author": "Nick Perkins",
    "license": "MIT",
    "bugs": {
      "url": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree/issues"
    },
    "homepage": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree#readme",
    "dependencies": {
      "angular": ">=1.0",
      "bootstrap": ">=2.3"
    }
  }
  

这两个配置文件分别用于 Bower 和 npm 包管理，定义了项目的依赖关系和基本信息。

angular-bootstrap-nav-treeAn AngularJS directive that creates a Tree based on a Bootstrap "nav" list.项目地址:https://gitcode.com/gh_mirrors/an/angular-bootstrap-nav-tree