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

Hide parent view when displayen nested views

本文关键字:视图 隐藏 显示 嵌套      更新时间:2023-09-26

当我显示嵌套视图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",并且我得到一个空白页面

如果只隐藏DOM元素,则作用域将保留,并且隐藏变量仍使用最新值附加到它。

如果我理解正确的话,你想要的可能是在状态之间移动时切换嵌套视图,这样每次移动到新状态时,你都会实例化一个新的控制器和一个新范围。

嵌套状态,嵌套视图