Example of 5+ angled responsive menu

Asked

Viewed 685 times

1

I took an angular design and the menu is responsive, but the programmer did not do it with angular, did not create a component, he did it separately with javascript and "docked" in the project. I believe it is a gambiarra. Is it possible to make a responsive menu using angular component? What would be the most elegant way to do?

Type this menu using angular component: http://osvaldas.info/examples/drop-down-navigation-touch-friendly-and-responsive/? work#

  • I believe that you would have to call the Angular Design and do in pure javascript, until the knowledge I know in angular would be like this, I do not know if the Angular Framework for this

  • now I don’t know if I’m talking too much, plus the angular when vc complicaa it, takes you to the pure javascript ;)

  • ugly would be with $jquery

  • vc pd do in pure css tbm

  • by not having the click vc could do with css https://www.w3schools.com/css/css_dropdowns.asp

  • @Willian Like this for not having click?

  • following, because if you had to click the menu to open it, you would have a click event, but since you don’t have this event you don’t need js, you can make it full css

Show 2 more comments

1 answer

1

Good morning, you can use the Angular Material that the official Angular library for screen components.

In it among several components, there is the component mat-menu which is just a dropdown style menu ready, as you apparently look for.

The component documentation, as well as examples, can be found in the link below: https://material.angular.io/components/menu/overview

To add the angular material as a dependency on your project you must follow the following instructions: https://material.angular.io/guide/getting-started

I hope I’ve helped.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.