オブジェクトが空かどうかの確認、ng-showでは機能しますが、コントローラーでは機能しませんか？

私はそのように宣言されたJSオブジェクトを持っています

$scope.items = {};

このオブジェクトをアイテムで満たす$ httpリクエストもあります。このアイテムが空かどうかを検出したいのですが、ng-showがこれをサポートしているようです...入力します

ng-show="items"

魔法のように機能します。コントローラからも同じようにしたいのですが、機能させることができないようです。プロパティがあるかどうかを確認するためにオブジェクトを反復処理したり、lodashやアンダースコアを使用したりする必要があるようです。 。

代わりはありますか？

私は試しました

alert($scope.items == true);

ただし、オブジェクトが作成され、が入力された場合は常にfalseを返す$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を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' )

オブジェクトプロパティが設定されていない場合、結果は未定義になります。

または、lo-dashを使用する場合：_.empty（value）。

「値が空かどうかを確認します。長さが0の配列、文字列、または引数のオブジェクトと、独自の列挙可能なプロパティのないオブジェクトは、「空」と見なされます。」

空のオブジェクトをチェック

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

アイテムの長さを確認できます

ng-show="items.length"