https://github.com/hjzheng/angular-mega-menu

Base on angular-ui/bootstrap and geedmo/yamm3
https://github.com/hjzheng/angular-mega-menu

angular-ui angularjs mega-menu

Last synced: 27 days ago
JSON representation

Base on angular-ui/bootstrap and geedmo/yamm3

• Host: GitHub
• URL: https://github.com/hjzheng/angular-mega-menu
• Owner: hjzheng
• Created: 2015-07-10T17:17:35.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-16T01:59:36.000Z (over 7 years ago)
• Last Synced: 2024-09-08T16:42:07.226Z (2 months ago)
• Topics: angular-ui, angularjs, mega-menu
• Language: HTML
• Homepage: http://get-set.cn/angular-mega-menu/
• Size: 32.2 KB
• Stars: 18
• Watchers: 6
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# angular-mega-menu

This is angular mega menu, base on [angular-ui/bootstrap](https://github.com/angular-ui/bootstrap) dropdown directive and [geedmo/yamm3](https://github.com/geedmo/yamm3).

Angular mega menu is extend from dropdown directive, so you use it just like using dropdown directive.

### How to Use

- Include JavaScript and CSS.

```html

```

- Configure angular module

```js

angular.module('test', ['mega-menu']);

```

- Use bootstrap-ui dropdown directive

	- Use dropdown directive.

	- **Set `toggle-event` attribute, default value is `'click'`, you can set value `'mouseover'`.**

```html

...



	Classic

	


		
 Action 

		
 Another action 

		
 Something else here 

		


		
 Separated link 

	



...

```

### Example


Please visit http://get-set.cn/angular-mega-menu/

### How to extend angular directive

You can refer [Experiment: Decorating Directives](http://angular-tips.com/blog/2013/09/experiment-decorating-directives/) or [My Note](https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/34)