Как проверить пустой объект в AngularJS зрения

Question

В рамках контроллера у меня есть что-то вроде:

$scope.card = {}; 

В представлении я должен проверить, если мой объект еще пустой буквальным, {}, или если он содержит некоторые данные в некоторых полях.

Я попытался это:

ng-show="angular.equals({}, card)" 

и

ng-show="!angular.equals({}, card)" 

, но это не сработало.

Есть ли лучшие способы? Как вы проверяете, является ли объект пустым или содержит некоторые поля?

Answer 1

Вы можете использовать: Object.keys(card).length === 0

Но убедитесь, что вы используете его из метода контроллера как Object не доступны в представлении, как:

$scope.isObjectEmpty = function(card){ 
    return Object.keys(card).length === 0; 
} 

Тогда вы можете вызвать функцию с точки зрения:

ng-show="!isObjectEmpty(card)" 

Answer 2

http://plnkr.co/edit/u3xZFRKYCUh4D6hGzERw?p=preview

Поскольку угловое значение недоступно из области действия, вы можете передать его в область вашего контроллера.

$scope.angular = angular; 

Answer 3

Создать $scope функцию, проверить это и возвращает истину или ложь, как функция «IsEmpty» и использовать на ваш взгляд на ng-if заявление как

ng-if="isEmpty(object)" 

Answer 4

пожалуйста, попробуйте этот способ с фильтром

angular.module('myApp') 
    .filter('isEmpty', function() { 
     var bar; 
     return function (obj) { 
      for (bar in obj) { 
       if (obj.hasOwnProperty(bar)) { 
        return false; 
       } 
      } 
      return true; 
     }; 
    }); 

использование:

<p ng-hide="items | isEmpty">Some Content</p> 

Via из: Checking if object is empty, works with ng-show but not from controller?

Answer 5

Вы не должны инициализировать переменную пустой объект, но пусть это будет undefined или null, пока условия не существует там, где она должна иметь не- null/undefined значение:

$scope.card; 

if (someCondition = true) { 
    $scope.card = {}; 
} 

Тогда ваш шаблон:

ng-show="card" 

Answer 6

Создайте функцию, которая проверяет, является ли пустой объект:

$scope.isEmpty = function(obj) { 
    for(var prop in obj) { 
     if(obj.hasOwnProperty(prop)) 
      return false; 
    } 
    return true; 
}; 

Затем вы можете проверить, как это в вашем HTML:

ng-show="!isEmpty(card)" 

Answer 7

Я встречал подобную проблему при проверке пустоты в component. В этом случае контроллер должен определить метод, который фактически выполняет тест и вид использует его:

function FormNumericFieldController(/*$scope, $element, $attrs*/) { 
    var ctrl = this; 

    ctrl.isEmptyObject = function(object) { 
     return angular.equals(object, {}); 
    } 
} 

<!-- any validation error will trigger an error highlight --> 
<span ng-class="{'has-error': !$ctrl.isEmptyObject($ctrl.formFieldErrorRef) }"> 
    <!-- validated control here --> 
</span> 

Answer 8

Попробуйте это:

angular.equals({}, $scope.card) 

Answer 9

Это сделает объект пустой проверки:

<div ng-if="isEmpty(card)">Object Empty!</div> 


$scope.isEmpty = function(obj){ 
    return Object.keys(obj).length == 0; 
} 

Answer 10

Использовать json фильтр и сравнить с '{}' string.

<div> 
    My object is {{ (myObject | json) == '{}' ? 'Empty' : 'Not Empty' }} 
</div> 

ng-show пример:

<div ng-show="(myObject | json) != '{}'"></div> 

Answer 11

Вы можете использовать свойство длины, чтобы проверить, пуст ли объект или нет.

<div ng-show="card.length > 0" > 
</div> 

Answer 12

Вы должны просто проверить, что объект пуст или нет. AngularJs предоставляет встроенную директиву ng-if. Ниже приведен пример.

<tr ng-repeat="key in object" ng-if="object != 'null'" > 
    <td>{{object.key}}</td> 
    <td>{{object.key}}</td> 
</tr> 

Answer 13

Я должен был проверить пустой чек объекта, как показано ниже

например:

<div data-ng-include="'/xx/xx/xx/regtabs.html'" data-ng-if = 
    "$parent.$eval((errors | json) != '{}')" > 
</div> 

Ошибка мой объект сфера, она определяется в мой контроллер, как $scope.error = {};