显示嵌套视图时隐藏父视图

Question

我想在显示嵌套视图时隐藏用户列表 users.info。我写了这段代码 HTML

<div ng-hide="hide">
the list of users...
<a ui-sref="users.info"> <button ng-click="hideUsersList()"> </a>
</div>

控制器

$scope.hideList = function hideList() 
{$scope.hide=true;};

当我点击按钮时它可以工作并隐藏列表，但问题是当我在浏览器中使用后退按钮时，仍然隐藏 'true' 我得到一个空白页面

Answer 1

如果您只隐藏 DOM 元素，范围仍然存在，隐藏变量仍附加到它的最新值。

如果我理解正确，您正在寻找的可能是在状态之间移动时切换嵌套视图，这样每次您移动到新状态时，您将实例化一个新控制器和一个新范围。

Hide parent view when displayen nested views