Verificando si el objeto está vacío, ¿funciona con ng-show pero no desde el controlador?

Tengo un objeto JS declarado así

$scope.items = {};

También tengo una solicitud $ http que llena este objeto con elementos. Me gustaría detectar si este elemento está vacío, parece que ng-show admite esto ...

ng-show="items"

y mágicamente funciona, también me gustaría hacer lo mismo desde un controlador, pero parece que no puedo hacer que funcione, parece que tengo que iterar sobre el objeto para ver si tiene alguna propiedad o usar lodash o subrayado .

¿Existe alguna alternativa?

lo intenté

alert($scope.items == true);

pero siempre devuelve falso, cuando se crea el objeto y cuando se llena con $http, por lo que no funciona de esa manera.

El uso de un objeto literal vacío no es necesario aquí, puede usar nulo o indefinido:

$scope.items = null;

De esta manera, ng-showdebería seguir funcionando, y en su controlador solo puede hacer:

if ($scope.items) {
    // items have value
} else {
    // items is still null
}

Y en sus $httpdevoluciones de llamada, hace lo siguiente:

$http.get(..., function(data) {
    $scope.items = {
        data: data,
        // other stuff
    };
});

O puede hacerlo simple haciendo algo como esto:

alert(angular.equals({}, $scope.items));

En un proyecto privado a escribió este filtro

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

uso:

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

pruebas:

describe('Filter: isEmpty', function () {

    // load the filter's module
    beforeEach(module('myApp'));

    // initialize a new instance of the filter before each test
    var isEmpty;
    beforeEach(inject(function ($filter) {
        isEmpty = $filter('isEmpty');
    }));

    it('should return the input prefixed with "isEmpty filter:"', function () {
          expect(isEmpty({})).toBe(true);
          expect(isEmpty({foo: "bar"})).toBe(false);
    });

});

Saludos.

otra simple frase:

var ob = {};
Object.keys(ob).length // 0

Si no puede tener los elementos OBJ igual a nulo, puede hacer esto:

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

y en la vista puedes hacer:

<div ng-show="isEmpty(items)"></div>

Tu puedes hacer

var ob = {};
Object.keys(ob).length

Solo si su navegador es compatible con ECMAScript 5. Por ejemplo, IE 8 no es compatible con esta función.

Consulte http://kangax.github.io/compat-table/es5/ para obtener más información

if( obj[0] )

una versión más limpia de esto podría ser:

if( typeof Object.keys(obj)[0] === 'undefined' )

donde el resultado será indefinido si no se establece ninguna propiedad de objeto.

O, si usa lo-dash: _.empty (valor).

"Comprueba si el valor está vacío. Las matrices, cadenas o argumentos, objetos con una longitud de 0 y objetos sin propiedades enumerables propias se consideran" vacíos "."

Comprobar objeto vacío

$scope.isValid = function(value) {
    return !value
}

puedes comprobar la longitud de los artículos

ng-show="items.length"