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

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

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