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