Angular create dynamic navbar

Question

I am writing an app and I would like to have dynamic navbar. I created two separate partials with navbar for logged and guest user. In my index.html I created section where the navbar will be.

<div class="navbar navbar-fixed-top" ng-controller="NavbarCtrl">
    <div class="navbar-inner">

    </div>
    <!-- /navbar-inner -->
</div>

Navbar controller should decide with one partial should be rendered. I check there if user is authenticated or not. But I don't know how to render partial from controller. Thanks for all answers and sorry for my english.

van100j · Accepted Answer · 2014-05-18 20:39:06Z

1

You'll have your logic in your Navbar controller which would assign, say $scope.nav_partial_url the proper value (partials/navbar.html or partials/navbar_loggedin.html) based on whether the user is logged in or not. In your view you'd use ngInclude:

<div class="navbar navbar-fixed-top" ng-controller="NavbarCtrl">
    <div class="navbar-inner">

        <div ng-include="nav_partial_url"></div>

    </div>
    <!-- /navbar-inner -->
</div>

answered May 18, 2014 at 20:39

van100j

1,0179 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Angular create dynamic navbar

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related