javascript - 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 作为根范围，并在 home Controller 中将其设置为 false，在 other Controller 中将其设置为 true。

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>