如果值未定义或为空，则隐藏div（Angularjs）

Question

我有以下内容。如果我执行console.log（$ scope.variable），我会在控制台上的不同时间获得2个值。

它在控制台上显示undefined和''。

我想根据此值隐藏div。我做了以下

<div ng-hide="$scope.variable== undefined || $scope.variable = ''>
  Hide this section
</div>

它应该能够隐藏该部分，因为值是未定义的和''在所有情况下。然而div仍然在UI上显示。我是否缺少任何约束或未正确检查条件？

Answer 1

<div ng-show="variable != null"></div>

或

<div ng-hide="variable == null>
  Hide this section
</div>

在这种情况下，你可以使用ng-if，这会带来更好的性能，

 <div ng-if="variable == null">
      Hide this section
 </div>

Answer 2

永远不要使用

Ng-show。它会在视图中加载视图，只需设置css属性display:none即可隐藏它。而是使用ng-if

<div ng-if="variable != null"></div>
or

<div ng-if="variable === null>
  Hide this section
</div>