How to set up angular project to support common navigation bar?

Question

There's an example given in angular docs which shows how to organize a project so that you can have common nav bar at the top.

Is it possible to have something similar for another app, which has no nav bar on the landing page, but then once you click on a link /showresults/:id, everything else should have a navigation bar? The problem I think I'm having is that /showresults/:id can't have ng-view? Does this require 2 modules?

charlietfl · Accepted Answer · 2015-08-13 19:33:32Z

1

You could set a variable in your main page controller that doesn't exist anywhere else and then use ng-if

<main-nav ng-if="!homePageScopeVariable"><main-nav>

answered Aug 13, 2015 at 19:33

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

2 Comments

petabyte Over a year ago

Sorry forgot to mention that I need the id in /showresults/:id to generate the navbar...I think I need to somehow make /showresults/:id page act as a parent main controller

charlietfl Over a year ago

can wrap navbar in directive then and depending on router used check params in the route change success event. Use those params to determine whether to hide/show navbar

Collectives™ on Stack Overflow

How to set up angular project to support common navigation bar?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related