如何使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();