Sprawdzanie, czy obiekt jest pusty, działa z ng-show, ale nie z kontrolera?

Mam zadeklarowany obiekt JS w ten sposób

$scope.items = {};

Mam również żądanie $ http, które wypełnia ten obiekt elementami. Chciałbym sprawdzić, czy ta pozycja jest pusta, wygląda na to, że ng-show obsługuje to ... Wchodzę

ng-show="items"

i magicznie to działa, chciałbym też zrobić to samo z kontrolera, ale nie wydaje mi się, żebym to działał, wygląda na to, że być może będę musiał iterować po obiekcie, aby sprawdzić, czy ma jakieś właściwości lub użyć lodash lub podkreślenia .

Czy jest alternatywa?

Próbowałem

alert($scope.items == true);

ale zawsze zwraca false, gdy obiekt jest tworzony i wypełniany $http, więc nie działa w ten sposób.

Użyj pustego literału obiektu nie jest tutaj konieczne, możesz użyć wartości null lub undefined:

$scope.items = null;

W ten sposób ng-showpowinien działać dalej, aw swoim kontrolerze możesz po prostu:

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

W swoich $httpcallbackach wykonujesz następujące czynności:

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

Lub możesz to uprościć, robiąc coś takiego:

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

W prywatnym projekcie napisał ten filtr

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

stosowanie:

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

testowanie:

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

});

pozdrowienia.

kolejny prosty jednolinijkowy:

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

Jeśli nie możesz mieć pozycji OBJ równych null, możesz to zrobić:

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

aw widoku możesz:

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

Możesz to zrobić

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

Tylko jeśli Twoja przeglądarka obsługuje ECMAScript 5. Na przykład IE 8 nie obsługuje tej funkcji.

Więcej informacji można znaleźć pod adresem http://kangax.github.io/compat-table/es5/

if( obj[0] )

bardziej przejrzystą wersją może być:

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

gdzie wynik będzie niezdefiniowany, jeśli żadna właściwość obiektu nie zostanie ustawiona.

Lub, jeśli używasz lo-dash: _.empty (wartość).

„Sprawdza, czy wartość jest pusta. Tablice, łańcuchy lub obiekty argumentów o długości 0 i obiekty bez własnych wyliczalnych właściwości są uznawane za„ puste ”.

Sprawdź pusty obiekt

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

możesz sprawdzić długość przedmiotów

ng-show="items.length"