如何使用角度js隐藏从一个菜单移动到另一个菜单的div

Question

我是角色js的新手，我不太了解，通过制作R＆amp; D，我正在做。 在我的项目中我有7个菜单。在主页中有一个横幅，它只会显示在主页上。 从主页菜单切换到其他菜单时，我想隐藏其他页面的横幅。 我做了一些事情，比如它的部分工作，即当我在其他菜单中刷新页面时，横幅没有显示。这没关系，但我只需要在从一个菜单点击其他菜单时隐藏横幅。

下面我附上了我的一些代码。请看一下。

function MainController($scope, $location) {

    var pId = $location.path().split("/")[1] || "Unknown";
    // alert(pId);
    if (pId == "homepage")
    {
        $scope.b = true;
    }
    else
    {
        $scope.b = false;
    }
}

这是我的主控制器

function HomeController($scope, $http) {
    $scope.b = true;
//my other codes
}

这是我的主页控制器，我想要显示横幅

function AboutUsController($scope, $http) {
     $scope.b = false;
     //my other codes
}

这是关于我们的控制器，即关于我们页面/菜单。我想隐藏横幅，当我从家里切换到关于我们的菜单时。

在横幅html页面中，我的代码位于

之下

<div class="banner" ng-show="b">
    <ul class="mySlideshow">
        <li><img src="banner1.jpg"></li>
        <li><img src="banner2.jpg"></li>
        <li><img src="banner3.jpg"></li>
    </ul>
</div>

 这是我试过的，我做错了什么？ 请 建议。谢谢。