如何在angularjs中只重新加载导航栏，因为我必须在其中更改为登录到注销锚点_Angularjs

如何在angularjs中只重新加载导航栏，因为我必须在其中更改为登录到注销锚点

angularjs

如何在angularjs中只重新加载导航栏，因为我必须在其中更改为登录到注销锚点,angularjs,Angularjs,如何在会话的帮助下仅重新加载导航栏以将登录锚更改为注销导航条代码切换导航 AngularJS中没有重新加载特定零件你要做的是2个模板；一个用于已登录用户，一个用于未登录用户负责身份验证的函数将设置一个变量： -对于经过身份验证的用户 -注销时为假在你的html中；您将进行ng if=“autenticationVariable===true”测试，以检查我是否理解，请您用一个我对angularjs不熟悉的示例解释一下 <body&

如何在会话的帮助下仅重新加载导航栏以将登录锚更改为注销

导航条代码


切换导航

AngularJS中没有重新加载特定零件

你要做的是2个模板；一个用于已登录用户，一个用于未登录用户

负责身份验证的函数将设置一个变量： -对于经过身份验证的用户 -注销时为假

在你的html中；您将进行

ng if=“autenticationVariable===true”

测试，以检查我是否理解，请您用一个我对angularjs不熟悉的示例解释一下

    <body>
     <?php

    session_start();
    ?>
             <div class="container-fluid" style="margin-left: 0px ">
            <img  src="Images/pro_1.JPG" class="img-responsive" style="width:90%; height:170px;"  />     
         </div>

            <nav class="navbar navbar-inverse my-navbar"  style="border-bottom: thin solid red; width:100%;  border-width:5px;">
        <div class="container-fluid" >
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" ng-app="Demo" ng-hide="myVar">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        <a class="navbar-brand" href="#/" style="font-size: 15px; font-weight: 900; ">HOME</a>
        <a class="navbar-brand" href="#/search" style="font-size: 15px; font-weight: 900; ">SEARCH DONORS</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"  ng-controller="loginCtrl" >
          <ul class="nav navbar-nav" id="ul1">
            <li style="font-size: 15px; font-weight: 900; "><a href="#/bloodtips">BLOOD TIPS</a>
            </li>
            <li style="font-size: 15px; font-weight: 900; "><a href="#/aboutus">ABOUT US</a>
            </li>
         </ul>
          <ul class="nav navbar-nav navbar-right">

    <!--      <li style="font-size: 15px; font-weight: 900; "><a href="#/login" ng-show="!isUserLoggedIn"><span class="glyphicon glyphicon-log-in"></span> LOGIN</a></li>
          <li style="font-size: 15px; font-weight: 900; "><a href="#/login" ng-show="isUserLoggedIn"><span class="glyphicon glyphicon-log-out"></span> LOGOUT</a></li>-->
          <?php 
          if(@$_SESSION['id']!="")
                {?>
                <div class="mainmenu pull-left">
                    <ul class="nav navbar-nav collapse navbar-collapse">
                        <li class="dropdown"><a href="#/dashboard"><?php echo @$_SESSION['id']; ?>
                    <i class="fa fa-angle-down"></i></a>
                <ul role="menu" class="sub-menu">
                <li><a style="background: transparent" href="logout.php">Logout</a></li>
                    </ul>
                    </li> 
                </ul>
                </div>

            <?php   }
                    else
                    {   ?>
                 <li style="font-size: 15px; font-weight: 900; " ><a href="#/register"  ><span class="glyphicon glyphicon-user"></span> REGISTER AS DONAR</a></li>          
              <li><a href="#/login"><i class="fa fa-lock"></i> Login</a></li>
                    <?php   }   ?>
        </ul>
        </div>
      </div>

    </nav>
  </body>