gpt4 book ai didi

javascript - angular js中的隐藏状态

转载 作者:行者123 更新时间:2023-11-29 14:44:54 24 4
gpt4 key购买 nike

这是我目前所拥有的:

example

这是简单的基于下拉菜单的登录。我想要做的是在用户登录时将登录栏更改为其他内容,但我希望当前状态保持不变。

(在本例中,无论登录状态如何,我都希望显示“This is home view”文本)。

我目前的代码结构:

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

关于javascript - angular js中的隐藏状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34076154/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com