Components - slavede/BootAng GitHub Wiki

Components

Menu

Demo

BootAng Menu

Usage - HTML

<bootang-menu bootang-options="bootangOptions"></bootang-menu>

Usage - Controller

		$scope.bootangOptions = {
			items : [
				{
					type : 'url',
					display : 'Home',
					url : '#/home'
				},
				{
					type : 'url',
					display : 'Blog',
					url : '#/blog'
				},
				{
					type : 'dropdown',
					display : 'Social Media',
					items : [
						{
							type : 'url',
							display : 'Facebook',
							url : '#/facebook'
						},
						{
							type : 'url',
							display : 'Twitter',
							url : '#/twitter'
						},
						{
							type : 'divider'
						},
						{
							type : 'url',
							display : 'Google+',
							url : '#/googleplus'
						},
						{
							type : 'url',
							display : 'Instagram',
							url : '#/instagram'
						},
					]
				},
				{
					type : 'url',
					display : 'About Us',
					url : '#/about_us'
				}
			],
			topMenu : false,
			inverse : true
		};

where:

  • topMenu - if true, it will make menu without rounded corners
  • inverse - bootstrap coloring
  • items - list of menu entries, it can be type "dropdown" (submenu) or "url" (link)
⚠️ **GitHub.com Fallback** ⚠️