是否可以使用相同的变量使ng if的行为类似于ng show/ng hide

Is it possible to make ng-if behave like ng-show/ng-hide using the same variable?

本文关键字:ng 类似于 hide show if 可以使 变量 是否      更新时间:2023-11-04

我有一个基本问题,我无法通过查看Angular文档或谷歌找到答案,所以我认为这是不可能的,但我想确定。

基本上,我想要的是使用一个变量,例如$scope.loggedIn,如下所示:

<div ng-if="loggedIn">Hide me when I'm logged in</div>
<div ng-if="loggedIn">Show me when I'm logged in</div>

因此,当这是真的时,我希望一个div显示,另一个隐藏。我知道在使用ng-showng-hide时这是可能的,但这并不能将它们从DOM中删除,这是我在自己的场景中想要的。

实现这一点的一种方法当然是使用两个独立的变量,但有更好的方法吗?

当然,您可以用!:来否定变量

<div ng-if="!loggedIn">Hide me when I'm logged in</div>
<div ng-if="loggedIn">Show me when I'm logged in</div>