是否可以使用相同的变量使 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-show
和 ng-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>
我有一个基本问题,我无法通过查看 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 中删除,这在我自己的场景中是我想要的。
实现此目的的一种方法当然是使用两个单独的变量,但有更好的方法吗?
当然,您可以用 !
:
<div ng-if="!loggedIn">Hide me when I'm logged in</div>
<div ng-if="loggedIn">Show me when I'm logged in</div>