angular js中的隐藏状态
安德鲁
这是我到目前为止所拥有的：
这是基于下拉列表的简单登录。我想做的是当用户登录时将登录栏更改为其他名称，但是我希望当前状态保持不变。
（在此示例中，无论登录状态如何，我都希望显示“这是主视图”文本）。
我当前的代码结构：
<body ng-app="pmfApp">
<div>
<!--- login form and stuff.... ---->
</div>
<nav class="navbar">
<div class="container-fluid">
<div id="status-buttons" class="text-center">
<a ui-sref-active="active" ui-sref="home">Home</a>
<a ui-sref-active="active" ui-sref="about"> About</a>
</div>
</div>
</nav>
<div ui-view>
<!--- I have home state view triggered ---->
</div>
因此，如果登录成功，我将得到以下信息：
$auth.login(credentials).then(function(data) {
$state.go('???????', {});
});
马尔库斯
听起来好像您想在中设置标记$scope以跟踪用户是否登录。然后可以将其用于ng-if根据用户登录状态显示和隐藏所需的部分。
<div ng-if="!loggedInFlag">
<!--- login form and stuff.... ---->
</div>
<nav class="navbar" ng-if="loggedInFlag">
<div class="container-fluid">
<div id="status-buttons" class="text-center">
<a ui-sref-active="active" ui-sref="home">Home</a>
<a ui-sref-active="active" ui-sref="about"> About</a>
</div>
</div>
</nav>
<div ui-view>
<!--- I have home state view triggered ---->
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何让组件在angular2中检测其隐藏状态？
- 2
验证消息隐藏在angular js中
- 3
Angular JS。在ng-repeat中隐藏div
- 4
如何隐藏选择列表Angular JS中的选项？
- 5
Angular JS-隐藏工厂中的私有变量
- 6
Angular JS显示/隐藏仅在页面刷新中工作
- 7
隐藏表格内容/剪切 angular js、Html 中的内容
- 8
使用angular js根据下拉列表中的选定输入隐藏表单中的字段
- 9
使用Angular JS提交时隐藏表单
- 10
如何基于Angular JS中的复选框选择显示/隐藏div
- 11
根据angular js 1中的条件隐藏UI-Grid模板
- 12
根据Angular Js中的条件隐藏和显示文件上载控件
- 13
Angular JS - 根据单击的项目更改状态
- 14
检测Angular.js ng-change事件中的复选框是否处于选中状态
- 15
在angular js的URL中捕获组件状态的推荐方法是什么？
- 16
如何查找最后一个li是否在angular js中处于活动状态
- 17
angular js中的$ http.get（）始终返回错误和状态码0
- 18
如何在Angular JS中为：slug状态设置低优先级
- 19
使用DNN7在http put状态为400的Angular js + Type Script中获取错误
- 20
如何根据Angular JS中的文件夹结构使用$ stateProvider创建状态
- 21
如何使用angular.js维护SPA中页面的状态
- 22
使用Observable隐藏Angular 2中的Navbar
- 23
使用Observable隐藏Angular 2中的Navbar
- 24
如何在Angular中检索状态代码？
- 25
如何在Angular中显示加载状态
- 26
使用常量作为angular中的状态名称
- 27
Angular 2中的表单提交状态标志
- 28
Angular JS中的数组
- 29
Angular JS中的错误
我来说两句