Angular Material Navbar Not Working

Question

So all of my other angular material related items are functioning properly. However, the Nav bar is refusing to load properly. Here's my code.

<md-nav-bar>
<md-nav-item md-nav-href="#/" name="page3">Home</md-nav-item>
<md-nav-item md-nav-href="#/about" name="page3">About</md-nav-item>
</md-nav-bar>

Yet the output is as though it were just plain text. I've tested it on the example codepen for the element and it works properly. I've tropple checked my code and can fuind no obvious issues.

Any and all help is welcome.

are you loading it in a md-content ?

Paulo Galdo Sandoval
– Paulo Galdo Sandoval

2016-06-17 08:45:42 +00:00
Commented Jun 17, 2016 at 8:45 — Paulo Galdo Sandoval
– Paulo Galdo Sandoval, Commented Jun 17, 2016 at 8:45

manmon42 · Accepted Answer · 2016-06-17 23:11:25Z

4

I found the solution. The issue was that the bower package was an outdated version. Simply including the CDN code fixed the problem.

answered Jun 17, 2016 at 23:11

manmon42

3193 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ajay mishra · Accepted Answer · 2016-07-18 09:56:10Z

0

use md-tabs instead gives the same effect when used with ui-router...... i tried it for hours and got nothing on md-menu and md-nav-bar both ,,,,,, i think the above solution for including the cdn libraries is good .... but i recommend md-tabs for good results

answered Jul 18, 2016 at 9:56

ajay mishra

8010 bronze badges

Collectives™ on Stack Overflow

Angular Material Navbar Not Working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related