javascript - 通过 ng-repeat 中的键过滤对象

Question

我想排除未列出为默认值的其他项目，但它仍然显示每个项目

<ul ng-controller="Ctrl" class="dropdown-menu">
    <li ng-repeat="(key, value) in Employee.KeyValue | filter:DefaultKeys(key) ">{{key}}</li>
</ul>

angular.module('app', []);

function Ctrl($scope) {
    $scope.DefaultKeys = function(item) {
        var defaultItems = ["SSS No.", "TIN"];

        return defaultItems.indexOf(item);
    };

    $scope.Employee =
        {
            Code: '123',            
            KeyValue:
            {
                'TIN': '9038468',
                'Facebook' : 'https://fb.com/abc'
            }
        }
}

检查这个fiddle

请帮忙

Answer 1

您可以创建自定义过滤器。

过滤

angular.module('app', []).filter('DefaultKeys', function () {
    return function (item) {
        var keys = {};
        angular.forEach(['SSS No.', 'TIN'], function (key) {
            if (item[key] !== undefined) {
                keys[key] = item[key];
            }
        });
        return keys;
    };
});

HTML

<ul ng-controller="Ctrl" class="dropdown-menu">
    <li ng-repeat="(key,value) in Employee.KeyValue | DefaultKeys">{{key}}</li>
</ul>

DEMO