https://github.com/hjzheng/angular-cuf-nav

基于angular的导航菜单 http://get-set.cn/angular-cuf-nav
https://github.com/hjzheng/angular-cuf-nav

Last synced: 27 days ago
JSON representation

基于angular的导航菜单 http://get-set.cn/angular-cuf-nav

• Host: GitHub
• URL: https://github.com/hjzheng/angular-cuf-nav
• Owner: hjzheng
• Created: 2015-01-16T09:30:50.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-02-29T03:16:39.000Z (over 8 years ago)
• Last Synced: 2024-04-16T05:34:10.321Z (7 months ago)
• Language: HTML
• Homepage:
• Size: 48.8 KB
• Stars: 17
• Watchers: 4
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# angular-cuf-nav

基于angular的导航菜单 http://get-set.cn/angular-cuf-nav

![ScreenShot](https://github.com/hjzheng/angular-cuf-nav/raw/master/img/angular-cuf-nav.png)

### Usage

- Step1: 引入依赖的文件

```html

```

 

- Step2: 配置依赖模块

```javascript

angular.module('test', ['cuf.nav']);

```

 

### API

  

| 指令    |    描述   | 

| -----  | --------- |  

| cufNav | 最上层标签 |

| cufNavItem | cufNav的直接子标签 |

| cufNavChildItem | 最后一层标签,可以自己相互嵌套，达到多级菜单效果 |

**cufNav**

|参数	| 值 |	作用 |

| --- | --- | ----| 

|triggered-event|	click 或者 mouseover 默认click |	决定导航菜单以什么事件触发展开|

**cufNavItem**

|  参数	 | 值 	|作用 |

| -----  | --------- | ----| 

| label	| 字符串	| 决定菜单显示, 它的值必须唯一|

|href	|字符串	|一般结合ngRoute或ui.router去使用|

|triggered-event|	click 或者 mouseover 默认会使用cufNav的triggered-event值	|决定导航子菜单以什么事件触发展开|

|has-children	|布尔值 |	如果cufNavItem下需要包含cufNavChildItem标签，就必须配置该属性，反之不要配|

|item-click     | 函数               |        |

**cufNavChildItem**

|参数|	值|	作用|

| -----  | --------- | ----| 

|label	|字符串	|决定菜单显示, 它的值必须唯一|

| href	|字符串	|一般结合ngRoute或ui.router去使用|

|has-children	|布尔值              |	如果cufNavChildItem下需要嵌套cufNavChildItem标签，就必须配置该属性，反之不要配|

|item-click     | 函数               |        |

### Example

- [Example1](http://get-set.cn/angular-cuf-nav/#/example1)

- [Example2](http://get-set.cn/angular-cuf-nav/#/example2)

- [Example3](http://get-set.cn/angular-cuf-nav/#/example3)

- [Example4](http://get-set.cn/angular-cuf-nav/#/example4)

- [Example5](http://get-set.cn/angular-cuf-nav/#/example5)

### More

 - git clone https://github.com/hjzheng/angular-cuf-nav

 - cd angular-cuf-nav

 - npm install

 - bower install

 - 启动一个喜欢的web server, 使用喜欢的浏览器访问即可

 - 或者直接访问 http://get-set.cn/angular-cuf-nav