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

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;};

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

score 1 · Accepted Answer

如果您只隐藏 DOM 元素，则范围仍然存在，并且 hide 变量仍然使用最新值附加到它。

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

1 回答 1