是否可以使用相同的变量使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>