Question

我想在index.html（已注销）和我的主页（已登录）中使用不同的标题。我尝试了很多解决方案，但我的标题永远不会刷新。我总是需要重新加载页面才能使其正常工作。

index.html

<div id="header" ng-controller="HeaderCtrl as head">
  <div ng-show="head.loggedIn" class="header">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#/">Home</a></li>
      <li><a ng-href="#/about">About</a></li>
      <li><a ng-click="head.logout()">Logout</a></li>
    </ul>
  </div>

  <div ng-show="head.loggedOut" class="header">
    <ul class="nav navbar-nav">
      <li><a ng-click="head.login()">Home</a></li>
      <li><a ng-href="#/register">Sign in</a></li>
    </ul>
  </div>
</div>

<div class="container">
   <div ng-view=""></div>
</div>

<div class="footer">
   <div class="container"></div>
</div>

app.js
var app = angular.module（'plunker'，[]）;

app.controller('HeaderCtrl', function($scope) {
   var head = this;
   head.logout = logout;
   head.loggedIn = 'false';
   head.loggedOut = !head.loggedIn;

   function logout(){
     head.loggedIn ="false";
     head.loggedOut = 'true';
    }

    function logint(){
      head.loggedIn ="false";
      head.loggedOut = 'true';
    }
});

这是我在Plunker上的简单代码 http://plnkr.co/edit/byNHePeJskAdQbPvFWLp?p=preview

使用loggedIn var？

管理不同页眉/页脚的任何解决方案

Answer 1

不使用""

时使用

尝试使用boolean代替string

像这样

head.loggedIn =false;

PLUNKR

angularjs：登录后刷新html标头

1 个答案: