检查对象是否为空，是否可以在ng-show中使用，但不能从控制器中使用？

我有一个这样声明的JS对象

$scope.items = {};

我还有一个$ http请求，该请求用项目填充此对象。我想检测该项目是否为空，看来ng-show支持此项目。我输入

ng-show="items"

并且神奇地起作用了，我也想从控制器上做同样的事情，但是我似乎无法使它起作用，看来我可能不得不遍历该对象以查看它是否具有任何属性或使用lodash或下划线。

有其他选择吗？

我确实尝试过

alert($scope.items == true);

但在创建对象并填充时$http，它始终返回false，因此它不能那样工作。

这里不需要使用空的对象文字，可以使用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等于null，则可以执行以下操作：

$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' )

如果未设置对象属性，则结果将不确定。

或者，如果使用破折号：_.empty（value）。

“检查值是否为空。长度为0的数组，字符串或参数对象和没有自己的可枚举属性的对象被视为“空”。

检查空对象

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

您可以检查物品的长度

ng-show="items.length"