Перевірка, чи об'єкт порожній, працює з ng-show, але не з контролера?

У мене об’єкт JS оголошений так

$scope.items = {};

Також у мене є $ http запит, який заповнює цей об’єкт предметами. Я хотів би визначити, чи цей пункт порожній, виявляється, що ng-show це підтримує ... Я вводжу

ng-show="items"

і магічно це працює, я також хотів би зробити те ж саме з контролера, але я не можу змусити його працювати, здається, мені, можливо, доведеться перебирати об’єкт, щоб побачити, чи є у нього властивості, або використовувати lodash або підкреслити .

Чи є альтернатива?

Я намагався

alert($scope.items == true);

але завжди повертається помилковим, коли об’єкт створений і коли він заповнений $http, тому його не працює таким чином.

Використовувати порожній об'єкт буквальний тут не потрібно, ви можете використовувати null або undefined:

$scope.items = null;

Таким чином, ви ng-showповинні продовжувати працювати, і у своєму контролері ви можете просто робити:

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

А у $httpзворотному звороті ви робите наступне:

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

Або ви могли б зробити це просто, зробивши щось подібне:

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

У приватному проекті написав цей фільтр

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>

тестування:

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

});

з повагою

ще один простий одноколісний:

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

Якщо ви не могли б об'єкти OBJ дорівнювати нулю, ви можете зробити це:

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

і в перегляді ви можете:

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

Ви можете зробити

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

Тільки якщо ваш браузер підтримує ECMAScript 5. Наприклад, IE 8 не підтримує цю функцію.

Див. Http://kangax.github.io/compat-table/es5/ для отримання додаткових відомостей

if( obj[0] )

чистішою версією цього може бути:

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

де результат не буде визначений, якщо не встановлено жодної властивості об'єкта.

Або якщо використовується lo-dash: _.empty (значення).

"Перевіряє, чи значення порожнє. Масиви, рядки або аргументи об'єкти довжиною 0 і об'єкти без власних перелічуваних властивостей вважаються" порожніми "."

Позначте Порожній об’єкт

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

Ви можете перевірити довжину елементів

ng-show="items.length"