Question

我有一个div如下

HTML

<div ng-hide="checkStatus()">Show only if checkstatus is false</div>

的Javascript

$scope.data = 23;

$scope.checkStatus() {
   if($scope.data === undefined){
        return false;
   }
   else return true;
}

如果我执行此操作，则表示数据未定义。有人可以告诉我如何将此变量传递给checkStatus（）函数。此“数据”变量也是动态的，可以经常更改。

我希望div能够密切关注这个“数据”变量，并根据其值显示或隐藏。

有人可以让我知道如何实现这一目标。

Answer 1

直接在ng-hide表达式中使用范围变量：

<div ng-hide="data !== undefined">
   $scope.data is undefined<br>
</div>

<div ng-show="data === undefined">
   Maybe you should do something about that!!
</div>

ng-hide和ng-show指令在每个摘要周期中评估AngularJS表达式，如果表达式是真实的，则显示或隐藏元素。

DEMO on JSFiddle。

Answer 2

将您的javascript更改为：

$scope.data = true;

$scope.checkStatus = function() {
 return $scope.data;
}

执行ng-hide功能时隐藏div并设置为true

2 个答案: