Memeriksa apakah objek kosong, berfungsi dengan ng-show tetapi tidak dari pengontrol?

Saya memiliki objek JS yang dinyatakan seperti itu

$scope.items = {};

Saya juga memiliki permintaan $ http yang mengisi objek ini dengan item. Saya ingin mendeteksi apakah item ini kosong, tampaknya ng-show mendukung ini ... Saya masuk

ng-show="items"

dan secara ajaib berhasil, saya juga ingin melakukan hal yang sama dari pengontrol tetapi saya tidak dapat membuatnya berfungsi, tampaknya saya mungkin harus mengulangi objek untuk melihat apakah ia memiliki properti atau menggunakan lodash atau garis bawah .

Apakah ada alternatif lain?

Saya sudah mencoba

alert($scope.items == true);

tapi selalu mengembalikan false, saat objek dibuat dan saat diisi $http, jadi tidak berfungsi seperti itu.

Gunakan literal objek kosong tidak diperlukan di sini, Anda dapat menggunakan null atau undefined:

$scope.items = null;

Dengan cara ini, ng-showharus tetap berfungsi, dan di pengontrol Anda, Anda dapat melakukan:

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

Dan dalam $httpcallback Anda, Anda melakukan hal berikut:

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

Atau Anda bisa membuatnya sederhana dengan melakukan sesuatu seperti ini:

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

Dalam proyek pribadi, seorang menulis filter ini

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

pemakaian:

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

pengujian:

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

});

salam.

satu baris sederhana lainnya:

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

Jika Anda tidak dapat memiliki item OBJ yang sama dengan null, Anda dapat melakukan ini:

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

dan dalam tampilan Anda dapat melakukan:

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

Anda dapat melakukan

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

Hanya jika browser Anda mendukung ECMAScript 5. Misalnya, IE 8 tidak mendukung fitur ini.

Lihat http://kangax.github.io/compat-table/es5/ untuk info selengkapnya

if( obj[0] )

versi yang lebih bersih dari ini mungkin:

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

dimana hasilnya tidak akan terdefinisi jika tidak ada properti objek yang disetel.

Atau, jika menggunakan lo-dash: _.empty (value).

"Memeriksa apakah nilai kosong. Array, string, atau argumen objek dengan panjang 0 dan objek tanpa properti enumerable sendiri dianggap" kosong "."

Periksa objek kosong

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

Anda dapat memeriksa panjang barang

ng-show="items.length"