How to make dynamic menu with angular.js

Question

I make dynamic menu based on angular.js

I want show menu two ways. one is before login, other is after login

my menu code is here

navbar.js

$scope.menu = [{
  'title': 'Home',
  'link': '/'
},
{
  'title': 'About',
  'link': '/about'
},
{
  'title': 'Contact',
  'link': '/contact'
},
{
  'title': 'Workspace',
  'link': '/workspace'
},
{
  'title': 'SignIn',
  'link': '/signin'
}
];
...

and my html file is here

  <ul class="nav nav-pills pull-right">
    <li ng-repeat="item in menu" ng-class="{active: isActive(item.link)}">
        <a ng-href="{{item.link}}">{{item.title}}</a>
    </li>
  </ul>

I want add signout menu, and only show after login. how I solve this problem?

eddiec · Accepted Answer · 2014-01-06 16:40:42Z

4

You should generate $scope.menu based on your users status so that it only contains the links you need.

var getAvailableLinks = function () {
    // Generate the links here.
};

$scope.menu = getAvailableLinks();

answered Jan 6, 2014 at 16:40

eddiec

7,6465 gold badges36 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

How to make dynamic menu with angular.js

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