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

Question

我有一个基本问题，通过查看 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-show 和 ng-hide 时这是可能的，但这不会将它们从 DOM 中删除，而这在我自己的场景中是我想要的。

实现此目的的一种方法当然是使用两个单独的变量，但是有更好的方法吗？

Answer 1

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

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