AngularJS在應用程序頁面上的導航欄中有條件地顯示登錄/注銷按鈕

Question

main.jsp中

<html>
<body ng-app="myApp">

<div class="navbar">
   <a href="/order"> View Orders </a>
   <a href="/logout" ng-show="$scope.isUserLoggedIn"> Logout </label>
   <a href="/login" ng-show="!$scope.isUserLoggedIn"> Login </label>    
</div>
<div ng-view></div>
</body>
</html>

控制器

var myApp = angular.module('myApp', ['ngRoute']);
...    
            // route for the default home page
            .when('/', {
                templateUrl : function($node, tattrs) {
                      return "resources/html/home.html";
                },
                controller  : 'mainController'
            })


            // route for the order page
            .when('/order', {
                templateUrl : function($node, tattrs) {
                      return "resources/html/order.html";
                },
                controller  : 'orderController'
            })

....

myApp.controller('mainController', function($scope, $http) {
    ....
    $scope.isUserLoggedIn = true; //or false
.....

題：
$ scope.isUserLoggedIn對登錄/注銷href無效。 在主應用程序頁面（即ng-app頁面的導航欄中）可能無法訪問該范圍。

我想顯示有條件隱藏“登錄/注銷”按鈕。 有任何想法嗎？

Answer 1

您缺少將controller分配給div

在那里不需要使用$scope ，只需使用

<div class="navbar" ng-controller="mainController">
   <a href="/order"> View Orders </a>
   <a href="/logout" ng-show="isUserLoggedIn"> Logout </label>
   <a href="/login" ng-show="!isUserLoggedIn"> Login </label>    
</div>

AngularJS在應用程序頁面上的導航欄中有條件地顯示登錄/注銷按鈕

問題描述

1 個解決方案

解決方案1
6 已采納 2014-09-27 07:15:32

AngularJS在應用程序頁面上的導航欄中有條件地顯示登錄/注銷按鈕

問題描述

1 個解決方案

解決方案1 6 已采納 2014-09-27 07:15:32

解決方案1
6 已采納 2014-09-27 07:15:32