Скрыть DIV, когда выполняется функция нг скрытия и установить истинный

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> 

The ng-hide и ng-show директивы вычисляет выражение AngularJS каждый переваривать цикла и показывает или скрывает элемент, если выражение является правдивым.

DEMO on JSFiddle.

Answer 2

Изменение JavaScript для:

$scope.data = true; 

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