如何使用angular.js制作动态菜单

Question

我根据angular.js

制作动态菜单

我想要显示菜单两种方式。一个是登录前，另一个是登录后

我的菜单代码在这里

navbar.js

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

我的html文件在这里

  <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>

我想添加退出菜单，并且只能在登录后显示。 我是如何解决这个问题的？

Answer 1

您应该根据您的用户状态生成$ scope.menu，以便它只包含您需要的链接。

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

$scope.menu = getAvailableLinks();