Angular UI路由器選項卡 - 活動時隱藏div

Question

僅在特定選項卡上顯示/隱藏除標籤內容外的div的最簡單方法是什麼？我目前的例子顯示，但我不能讓它再次隱藏。

Plunker：http://plnkr.co/edit/E6dK5C9ZxVQaicQgfS4w?p=preview

<div class="border" ng-show="aboutTabActive == true">Show me when the "About Tab" is clicked.</div> 

    <!-- NAVIGATION --> 
    <nav class="navbar navbar-inverse" role="navigation"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" ui-sref="#">AngularUI Router</a> 
     </div> 
     <ul class="nav navbar-nav"> 
      <li><a ui-sref="home">Home</a></li> 
      <li><a ui-sref="about" ng-click="aboutTabActive=true">About</a></li> 
     </ul> 
    </nav> 

    <!-- MAIN CONTENT --> 
    <div class="container"> 
     <div ui-view></div> 
    </div> 

Answer 1

<ul class="nav navbar-nav"> 
      <li><a ui-sref="home" ng-click="aboutTabActive=false">Home</a></li> 
      <li><a ui-sref="about" ng-click="aboutTabActive=true">About</a></li> 
     </ul>