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

时间:2015-06-30 21:33:07

标签: javascript angularjs ng-hide angularjs-ng-show angular-ui-router

我想在显示嵌套视图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'并且我得到一个空白页

1 个答案:

答案 0 :(得分:1)

如果您只隐藏DOM元素,则范围仍然存在,并且隐藏变量仍然附加了最新值。

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

https://github.com/AzureAD/azure-activedirectory-library-for-java