ng-show и ng-hide не работает

Question

Моя проблема, вероятно, проста. Я хочу, чтобы я не скрывал свой вступительный раздел на всех страницах меньше дома. Проблема в том, что когда вы скрываете скрытие на каждой странице и когда вы показываете шоу на каждой странице. Я планирую просто спрятаться на домашней странице «/».

HTML:

<!-- Intro Section --> 
<section id="intro" class="intro-section" ng-show="home"> 
    <div class="container"> 
     <div class="row"> 
      <a class="btn btn-default page-scroll scroll_btn floating" href="#slide"> 
       <span class="glyphicon glyphicon-arrow-down"></span> 
      </a> 
     </div> 
    </div> 
</section> 

JS:

app.controller("employerCtrl", ["$scope", "$location", "$route", function($scope, $location, $route) { 


    var path = $location.path(); 
    console.log(path); 
    $scope.home = true; 
    if(path === "/") { 
     console.log("Inside"); 
     $scope.home = true; 
    } else { 
     console.log("Inside else"); 
     $scope.home = false; 
    } 


}]); 

Answer 1

Возьмите home в качестве корневой сферы и сделать его false в home контроллера и верно в other контроллеров.

app.controller("homecontroller", ["$scope", "$location", "$route","$rootScope", function($scope, $location, $route,$rootScope) { 
     $rootScope.home = false; 
}]); 

app.controller("othercontroller", ["$scope", "$location", "$route","$rootScope", function($scope, $location, $route,$rootScope) { 
     $rootScope.home = true; 
}]); 


<section id="intro" class="intro-section" ng-show="home"> 
    <div class="container"> 
     <div class="row"> 
      <a class="btn btn-default page-scroll scroll_btn floating" href="#slide"> 
       <span class="glyphicon glyphicon-arrow-down"></span> 
      </a> 
     </div> 
    </div> 
</section>