Angularjs ng如果/ng仅当页面加载到中时才显示工作

我有一个嵌套状态

与之关联的视图“我的应用程序标题”

看起来是这样的：

<ion-view cache-view="false">
<div class="navbar-fixed-top navbar-header bar bar-header " ng-if="showHeader">
<div class="container row">

                {{ showSubHeader}}
            <div ng-if="showSubHeader" class="topPull" draggable >
            <button ng-if="showSubHeader" class="button-icon"><img src="img/topImg.jpg"></button>
                           </div>       
        </div>               

</div>
</ion-view>

---

更改

$scope.showSubHeader=false至
$scope.showSubHeader=$范围.副标题，那么你就没事了

看看我的例子：


var-app=angular.module（'app'，[]）；
app.controller（'myctrl'，['$scope'，函数（$scope）{
$scope.test=true；
$scope.hidden_test=true；
$scope.click=function（）{
$scope.hidden_test=！$scope.hidden_test；
};
}]);
.outer{
背景：#E2；
边框：1px实心#000000；
.内部{
背景：#c2c2；
边框：1px实心#00aa00；
填充：1px0.25px；
}
}

试验

隐藏测试

点击
如果在异步函数中更改了
showSubHeader
，则angular不知道是否已更改，因此请尝试使用
$scope.$apply（）
在为
showSubHeader
变量分配新值后，我已尝试过该操作。此外，它是在附加到作用域的函数中更改的。向我们显示控制器代码。我认为当我来自其他视图或其他页面时，它将无法正常工作@simkaur？请不要仅提供链接。因为链接页面的内容可能会更改或变得不可用。
.controller('AppCtrl', function($scope, $rootScope, $ionicModal, $timeout, $ionicSlideBoxDelegate, $state) {

$scope.showHeader=true;
 $scope.showSubHeader=true;

  $scope.checkBill= function(){
      $scope.showSubHeader=false;
     $state.go('menu.TotalBill')

  }



})