使用ng-show和控制器

Question

我编写了一个HTML文件,其中包含一个侧边栏和一个映射到局部的主容器.现在,当基于配置路由加载部分时,我希望侧边栏从浏览器中隐藏.为此,我尝试ng-show在侧边栏div上使用.

当路线匹配时,是否将div与控制器隐藏起来是正确的方法？如果是这样,我如何绑定ng-show到控制器？

Answer 1

我通常做的是这样的结构:

<nav ng-show="sidebar.show" id="sidebar" ng-controller="sidebarController">
    [...]
</nav>
<div ng-view>
</div>

所以,侧边栏有自己的控制器(它有自己的范围); 然后在partial的控制器里面你可以考虑改变它的值sidebar.show.例如:

// sidebarController
function sidebarController($rootScope, $scope){
  $rootScope.sidebar = {
    show  : true;
  };
  $scope.sidebar = $rootScope.sidebar;
}

// partialController
app.controller("partialController", function($rootScope, $scope) {
  $rootScope.sidebar.show = false;
});

但这只是一种方法.

PS: ng-show只是隐藏元素,但它仍然在DOM中; 我通常更喜欢,ng-if因为它不会将元素添加到DOM.