是否可以使用相同的变量使 ng-if 表现得像 ng-show/ng-hide?

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

我有一个基本问题,我无法通过查看 Angular 文档或 Google 找到答案,所以我假设这是不可能的,但我很想知道。

基本上我想要的是使用变量,例如$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>