Verificando se o objeto está vazio, funciona com o ng-show, mas não do controlador?

Eu tenho um objeto JS declarado assim

$scope.items = {};

Eu também tenho uma solicitação $ http que preenche este objeto com itens. Gostaria de detectar se este item está vazio, parece que o ng-show suporta isso ... Eu entro

ng-show="items"

e magicamente funciona, eu também gostaria de fazer o mesmo em um controlador, mas não consigo fazê-lo funcionar, parece que posso ter que iterar sobre o objeto para ver se ele tem alguma propriedade ou usar lodash ou sublinhado .

Existe uma alternativa?

Eu tentei

alert($scope.items == true);

mas sempre retorna falso, quando o objeto é criado e quando preenchido com $http, então não está funcionando dessa forma.

Usar um literal de objeto vazio não é necessário aqui, você pode usar nulo ou indefinido:

$scope.items = null;

Desta forma, ng-showdeve continuar funcionando, e em seu controlador você pode apenas fazer:

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

E em seus $httpretornos de chamada, você faz o seguinte:

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

Ou você pode mantê-lo simples fazendo algo assim:

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

Em um projeto privado, escrevi 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>

testando:

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);
    });

});

Saudações.

outra linha simples:

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

Se você não pudesse ter os itens OBJ iguais a nulos, você pode fazer isso:

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

e na visualização você pode fazer:

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

Você pode fazer

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

Somente se o seu navegador suportar ECMAScript 5. Por exemplo, o IE 8 não oferece suporte a esse recurso.

Veja http://kangax.github.io/compat-table/es5/ para mais informações

if( obj[0] )

uma versão mais limpa disso pode ser:

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

onde o resultado será indefinido se nenhuma propriedade do objeto for definida.

Ou, se estiver usando lo-traço: _.empty (valor).

"Verifica se o valor está vazio. Objetos de vetores, strings ou argumentos com comprimento 0 e objetos sem propriedades enumeráveis ​​próprias são considerados" vazios "."

Verificar objeto vazio

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

você pode verificar o comprimento dos itens

ng-show="items.length"