如何显示/隐藏变量是否为null

Pau*_*ggo 81 angularjs

我想根据变量是否为null来显示/隐藏div.

<div ng-show="myvar"></div>
Run Code Online (Sandbox Code Playgroud)

注意:我的情况中的变量是一个对象.

一个非常简单的问题,但我似乎无法使其发挥作用.

谢谢.

Gru*_*nny 198

<div ng-hide="myvar == null"></div>
Run Code Online (Sandbox Code Playgroud)

要么

<div ng-show="myvar != null"></div>
Run Code Online (Sandbox Code Playgroud)

  • 使用`<div ng-hide ="myvar == null"> </ div>`而不是`<div ng-show ="myvar!= null"> </ div>`是一个好习惯.它更具可读性. (16认同)
  • @maicher这真的取决于上下文 (12认同)

Pau*_*ggo 20

为了澄清,上面的例子确实有效,我在示例中的代码不能用于无关的原因.

如果myvar为false,null或之前从未使用过(即$ scope.myvar或$ rootScope.myvar从未调用过),则div不会显示.一旦为其分配了任何值,div将显示,除非该值特别为false.

以下将导致div显示:

$scope.myvar = "Hello World";
Run Code Online (Sandbox Code Playgroud)

要么

$scope.myvar = true;
Run Code Online (Sandbox Code Playgroud)

以下将隐藏div:

$scope.myvar = null;
Run Code Online (Sandbox Code Playgroud)

要么

$scope.myvar = false;
Run Code Online (Sandbox Code Playgroud)