Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Create a menu like in AngularJs Material website

I want to create a menu that looks like the one in AngularJs Material website (https://material.angularjs.org)

angularjs material menu

Unfortunately there is not documentation or demo to do that.

Any ideas?

Thanks

like image 716
Claudio Ɯǝıs Mulas Avatar asked Feb 08 '15 01:02

Claudio Ɯǝıs Mulas


People also ask

Which of the following angular material elements can be used to construct a menu?

Angular Material's menu component consists of two connected parts: the trigger and the pop-up menu. The menu trigger is a standard button element augmented with aria-haspopup , aria-expanded , and aria-controls to create the relationship to the pop-up panel.

Can we use angular material in AngularJS?

The AngularJS Material library is a mature and stable product that is ready for production use. Developers should note that AngularJS Material works only with AngularJS 1.


1 Answers

You can create your own side menu with their directives menuToggle and menuItem, and their menu service, which are found in their source files. I have used this menu in many projects, so I know it works. All you have to do is implement it the same way. I have wrote a blog post that goes through this found here:

How to create an Angular Material Side Menu

like image 149
britztopher Avatar answered Oct 12 '22 10:10

britztopher